/**********************************/
/********      CORE     ***********/
/**********************************/

body { font-family:'montserrat', Arial, Helvetica, Sans-Serif; font-size:13px; }
/***
General typography
***/
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'montserrat', arial, sans-serif; margin-bottom:15px; }

h1 {
  font-size: 30px; font-weight:400; }

h2 {
  font-size: 21px; font-weight:400; }

h3 {
  font-size: 19px; font-weight:400; }

h4 {
  font-size: 16px; font-weight:400; }

h5 {
  font-size: 14px; font-weight:400; }

h6 {
  font-size: 12px; font-weight:400; }

b {
    font-weight:600;
}

.pagewrapper.standard h1
{
    font-family: 'montserrat' , Arial, Helvetica, Sans-Serif;
    font-size: 29px;
    text-align: center;
    padding: 25px 0;
    font-weight:normal;
}
.pagewrapper.standard h2 { font-family: 'montserrat' , Arial, Helvetica, Sans-Serif; font-size:20px; font-weight:normal; line-height:29px; padding-bottom:15px; }
.pagewrapper.standard h3 { font-family: 'montserrat' , Arial, Helvetica, Sans-Serif; font-size:17px; font-weight:normal; line-height:25px; padding-bottom:15px; }
.pagewrapper.standard .whitewrapper { padding:35px; }
.pagewrapper.standard { font-size:14px; padding-bottom:25px; }
.pagewrapper.standard select, .pagewrapper.standard input, .pagewrapper.standard p { font-size:14px; }

.whitewrapper
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    border:solid 1px #dadfe3;
}

.whitewrapper.default { padding:20px 25px 25px 25px; margin-bottom:25px; }
.whitewrapper.default .contentdescription { padding-bottom:20px; border-bottom:solid 1px #cfd0d1; }
.whitewrapper.default > header { font-size:14px; font-family:'montserrat',Arial, Sans-Serif; font-weight: normal; border-bottom:solid 1px #cfd0d1; margin-bottom:10px; padding-bottom:15px;  }
.whitewrapper.default > header.noborder { border-bottom:0; margin-bottom:0; }
.whitewrapper.default > header h1 { font-size:21px; padding:0; text-align:left; font-weight:normal; }
.whitewrapper.default > header.containsdescription { border-bottom:0; padding-bottom:5px;  }
.whitewrapper.default > header div { font-family: Arial, Helvetica, Sans-Serif; }
.whitewrapper.fullwidth { margin: 25px auto; padding-bottom: 30px; position: relative; width: 960px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:1.4; }
.whitewrapper.fullwidth * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:1.4; }
a.whitewrapper:hover { text-decoration:none; cursor:pointer; }

.whitewrapper.bluewrapper {
    color:#fff;
    background-color:#0e1c2e;
    border:0;
}

.whitewrapper.graywrapper {
    background-color:#f0f1f2;
    border-color:#f0f1f2;
}

a.whitewrapper.bannerwrapper {
    color:#484b50
}

a.whitewrapper.bannerwrapper:hover {
    background-color:#eaebec;
}


.relative { position:relative; }
.floatleft { float:left; }
.floatright { float:right; }
.floatnone { float:none !important; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.hide { display:none !important; }
.inlinespinner { margin-left:6px; }
.inlineblock, .inline-block { display:inline-block !important; }
.inlineblock-notimportant, .inline-block-notimportant { display:inline-block; }
.block { display:block !important; }
.block-notimportant { display:block; }
.disabled { color:#bbbbbb; cursor:default !important; }
.vertical-align-middle {
    vertical-align: middle;
}
hr {
    border-top: 1px solid #e8e9ea;
  border-bottom:0;
    height:0;
    margin:25px 0;
    border-left:0; border-right:0;
}
  

/* text */
.bold, .boldtext, .text-bold { font-weight:bold; }
.text-semibold { font-weight:600; }
.text-500 { font-weight:500; }
.text-large { font-size:16px; }
.text-medium { font-size:14px; }
.text-13 { font-size:13px !important; }
.smalltext, .text-small { font-size:12px !important; }
.xsmalltext, .text-xsmall { font-size:11px !important; }
.italic, .text-italic { font-style:italic; }
.centertext, .text-center { text-align:center; }
.pseudoanchor { color:#316cbe !important; cursor:pointer; }
.pseudoanchor:hover { text-decoration:underline !important; }
.text-strikethrough { text-decoration:line-through }
.text-uppercase { text-transform:uppercase; }
.text-underline { text-decoration:underline }
.text-left { text-align:left; }
.text-right { text-align:right; }

/*
.graytext { color:#999999; }
.greentext { color:#1d9b53; }
.bluetext { color:#4e7ad4; }
.redtext { color:#e61a0e; }
.orangetext {color:#e47a16; }
.purpletext { color:#812b84; }
*/

p { padding-bottom:20px; line-height:1.5; }
a { color:#316cbe; }

.graytext { color:#999999 !important; }
.graytext8 { color:#888888 !important; }
.greentext { color:#33ba89 !important; }
.bluetext { color:#316cbe !important; }
.redtext { color:#e26f99 !important; }
.orangetext {color:#f6722a !important; }
.whitetext {color:#ffffff !important; }
/* .purpletext { color:#812b84 !important; } */
a.graytext:hover { color:#e26f99 !important; }
.text-muted { opacity:0.6; }
.text-body { color:#484b50; }
.clickable {
    cursor:pointer;
}

.yellowwrapper { background:#fbf2c2; border:solid 1px #d6ca8a; padding:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:15px; }
.greenwrapper { background:#bce7ce; border:solid 1px #1d9b53; padding:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:15px; }
.graywrapper { background:#e8e9ea; padding:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:15px; }
.lightgraywrapper { background:#f0f1f2; padding:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:15px; }

.checkmarklist { list-style-type:none; margin:0; padding:0; }
.checkmarklist li { list-style-type:none; margin:0; padding:0 0 10px 28px; background:url(../images/access/checkmarklist.jpg?version=30) no-repeat 0 -1px; }

.buttons.centered { text-align:center; }

.redwrapper 
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border:solid 2px #e26f99;
    color:#e26f99;
    background:transparent;
    padding:25px;
    margin-bottom:25px;
}

ul.bullets { margin:0 0 0 15px; list-style-type:disc; }
ul.bullets li { margin:0; padding-bottom:12px; font-size:14px; line-height:1.5; list-style-type:disc; }
ul.bullets strong, ol.olist strong { font-weight:600; }

.list-vertical li {
    padding-bottom:8px;
}

dl.dlist  {
    overflow:hidden;
    padding-bottom:10px;
}
dl.dlist dt {
    font-weight:600;
    float:left; width:150px;
    clear:left;
    padding-bottom:10px;
}

dl.dlist dd {
    margin-left:170px;
    padding-bottom:10px;
}

.border-radius-0 {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.bordertop { margin-top:20px; padding-top:20px; border-top:solid 1px #cfd0d1; }

.padding-0 { padding:0 !important; }
.padding-5 { padding:5px !important; }
.padding-10 { padding:10px !important; }
.padding-15 { padding:15px !important; }
.padding-20 { padding:20px !important; }
.padding-25 { padding:25px !important; }
.padding-30 { padding:30px !important; }
.padding-40 { padding:40px !important; }
.padding-50 { padding:50px !important; }
.margin-0 { margin:0px !important; }
.margin-5 { margin:5px !important; }
.margin-10 { margin:10px !important; }
.margin-15 { margin:15px !important; }
.margin-20 { margin:20px !important; }
.margin-30 { margin:30px !important; }
.margin-40 { margin:40px !important; }
.margin-50 { margin:50px !important; }

.margin-top-n2 { margin-top:-2px !important;}
.margin-right-n2 { margin-right:-2px !important;}
.margin-bottom-n2 { margin-bottom:-2px !important; }
.margin-left-n2 { margin-left:-2px !important; }
.margin-top-n5 { margin-top:-5px !important;}
.margin-right-n5 { margin-right:-5px !important;}
.margin-bottom-n5 { margin-bottom:-5px !important; }
.margin-left-n5 { margin-left:-5px !important; }
.margin-left-n10 { margin-left:-10px !important; }
.margin-right-n10 { margin-right:-10px !important; }

.margin-top-0 { margin-top:0 !important;}
.margin-right-0 { margin-right:0 !important;}
.margin-bottom-0 { margin-bottom:0 !important; }
.margin-left-0 { margin-left:0 !important; }
.padding-top-0 { padding-top:0 !important; }
.padding-right-0 { padding-right:0 !important; }
.padding-bottom-0 { padding-bottom:0 !important; }
.padding-left-0 { padding-left:0 !important; }

.margin-top-2 { margin-top:2px !important;}
.margin-right-2 { margin-right:2px !important;}
.margin-bottom-2 { margin-bottom:2px !important; }
.margin-left-2 { margin-left:2px !important; }
.padding-top-2 { padding-top:2px !important; }
.padding-right-2 { padding-right:2px !important; }
.padding-bottom-2 { padding-bottom:2px !important; }
.padding-left-2 { padding-left:2px !important; }

.margin-top-5 { margin-top:5px !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-left-5 { margin-left: 5px !important; }
.padding-top-5 { padding-top:5px !important;}
.padding-right-5 { padding-right: 5px !important; }
.padding-bottom-5 { padding-bottom:5px !important; }
.padding-left-5 { padding-left: 5px !important; }

.margin-top-10 { margin-top:10px !important;}
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-left-10 { margin-left: 10px !important; }
.padding-top-10 { padding-top:10px !important;}
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-left-10 { padding-left: 10px !important; }

.margin-top-15 { margin-top:15px !important;}
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-left-15 { margin-left: 15px !important; }
.padding-top-15 { padding-top:15px !important;}
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-left-15 { padding-left: 15px !important; }

.margin-top-20 { margin-top: 20px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-left-20 { margin-left: 20px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-left-20 { padding-left: 20px !important; }

.margin-top-25 { margin-top: 25px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-left-25 { margin-left: 25px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-right-25 { padding-right: 25px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-left-25 { padding-left: 25px !important; }

.margin-top-30 { margin-top: 30px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-left-30 { margin-left: 30px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-left-30 { padding-left: 30px !important; }

.margin-top-35 { margin-top: 35px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-left-35 { margin-left: 35px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-right-35 { padding-right: 35px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-left-35 { padding-left: 35px !important; }

.margin-top-40 { margin-top: 40px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-left-40 { margin-left: 40px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-right-40 { padding-right: 40px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-left-40 { padding-left: 40px !important; }

.margin-top-45 { margin-top: 45px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-left-45 { margin-left: 45px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-right-45 { padding-right: 45px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-left-45 { padding-left: 45px !important; }


.margin-top-50 { margin-top: 50px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-left-50 { margin-left: 50px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-right-50 { padding-right: 50px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-left-50 { padding-left: 50px !important; }

/* circles */
.circle {
	border-radius: 50%;
	width: 11px;
	height: 11px;
}
.circle.circle-success {
	background-color:#33ba89;
}
.circle.circle-error {
	background-color:#e26f99
}
.circle.circle-warning {
	background-color:#f6722a
}
.circle.circle-info {
	background-color:#316cbe
}

/* labels */
.label {
    color:#fff;
    border-radius:3px;
    height: 21px;
    line-height: 22px;
    padding: 0 7px;
    font-size:12px;
    text-transform:uppercase;
    font-family:'montserrat',Arial,Helvetica,Sans-Serif;
    display:inline-block;
    font-weight:700;
}
.label.label-success {
	background-color:#33ba89;
}
.label.label-error {
	background-color:#e26f99
}
.label.label-warning {
	background-color:#f6722a
}
.label.label-info {
	background-color:#316cbe
}


/*****************************************/
/********    MASTHEAD BANNER AND OTHER MASTHEAD ELEMENTS   ***********/
/*****************************************/

.mastheadbanner-wrapper 
{
    background:#e26f99;
    min-width:998px;
    position:relative;
}

.mastheaderbanner-content 
{
    text-align: center; color: #ffffff; font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-size:15px; font-weight:600; line-height:22px; padding:15px 20px;
    position:relative;
    z-index:2;
}

.mastheaderbanner-content .button { vertical-align:inherit; }

.mastheadbanner-wrapper.green, .mastheaderbanner-content.green
{
    background:#33ba89;
}
.mastheadbanner-wrapper.orange, .mastheaderbanner-content.orange
{
    background:#f6722a;
}

.mastheadbanner-wrapper.red, .mastheaderbanner-content.red
{
    background:#e26f99;
}

.mastheadbanner-wrapper.blue, .mastheaderbanner-content.blue
{
    background:#316cbe;
}

.mastheadbanner-wrapper.mastheadbanner-wrapper--snowflakes {    
    background: rgba(15,28,46,1);
    background: -moz-linear-gradient(top, rgba(15,28,46,1) 0%, rgba(49,46,91,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,28,46,1)), color-stop(100%, rgba(49,46,91,1)));
    background: -webkit-linear-gradient(top, rgba(15,28,46,1) 0%, rgba(49,46,91,1) 100%);
    background: -o-linear-gradient(top, rgba(15,28,46,1) 0%, rgba(49,46,91,1) 100%);
    background: -ms-linear-gradient(top, rgba(15,28,46,1) 0%, rgba(49,46,91,1) 100%);
    background: linear-gradient(to bottom, rgba(15,28,46,1) 0%, rgba(49,46,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c2e', endColorstr='#312e5b', GradientType=0 );
}

.mastheadbanner-wrapper--snowflakes__snowflakes {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(../images/bg-snow-flakes.png) repeat center center;
}





#submenu-ordermanager-resources {
    height:169px !important;
}

.page-title-nvu h2 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 35px;
    padding-bottom:0 !important;
}

.gradient-p-b-l-r {
    /* pink > blue, left > right */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#754562+0,0e1c2e+100 */
    background: rgb(117,69,98); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(117,69,98,1) 0%, rgba(14,28,46,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(117,69,98,1) 0%,rgba(14,28,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(117,69,98,1) 0%,rgba(14,28,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#754562', endColorstr='#0e1c2e',GradientType=1 ); /* IE6-9 */
}

.mastheadbanner-wrapper-ips {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 17px;
    overflow: hidden;
}

    .mastheadbanner-wrapper-ips .mastheaderbanner-content {
        font-weight: 900;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        display: table;
        float: right;
        padding: 0;
        margin: 0;
    }

    .mastheadbanner-wrapper-ips .cell-1 {
        display: table-cell;
        width: 62px;
        height: 53px;
        vertical-align: middle;
    }

        .mastheadbanner-wrapper-ips .cell-1 img {
            width: 62px;
            height: 53px;
            vertical-align: middle;
        }

    .mastheadbanner-wrapper-ips .cell-2 {
        display: table-cell;
        width: 345px;
        vertical-align: middle;
        padding-left: 15px;
        padding-right: 15px;
    }

    .mastheadbanner-wrapper-ips .cell-3 {
        display: table-cell;
        width: 428px;
        height: 53px;
        vertical-align: middle;
        background-position: 0 0;
        background-repeat: repeat-x;
    }

    .mastheadbanner-wrapper-ips .cell-4 {
        display: table-cell;
        width: 104px;
        height: 53px;
        vertical-align: middle;
    }

        .mastheadbanner-wrapper-ips .cell-4 img {
            width: 104px;
            height: 53px;
            vertical-align: middle;
        }


/**********************************/
/********    LIGHTBOX   ***********/
/**********************************/

/* lightbox */
#modalScrollingContainer { top:0; right:0; bottom:0; left:0; overflow: auto; z-index:16000; position:absolute; -webkit-overflow-scrolling: touch; }
.modalShadow, .foundation-modal-shadow { display:none !important; visibility:hidden !important; }

.lightbox {
    background:#fff;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    -moz-box-shadow:0 0 40px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.2);
    box-shadow:0 0 40px 0 rgba(0,0,0,0.2);
    font-size:14px;
    color:#333;    
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.lightbox * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.iconclosemodal { position:absolute; width:35px; height:35px; top:20px; right:18px; background:url(../images/assets/sprite-closemodal-flat-2.png?version=34) 0 0 no-repeat; cursor:pointer; z-index:2; background-color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.iconclosemodal:hover { background-position:0 -50px; }
.iconclosemodal.iconclosemodal-light { position:absolute; width:35px; height:35px; top:20px; right:18px; background:url(../images/assets/sprite-closemodal-flat-2_light.png?version=34) 0 0 no-repeat; cursor:pointer; z-index:2; background-color: transparent; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.iconclosemodal.iconclosemodal-light:hover { background-position:0 -50px; }
.lightbox.white .iconclosemodal, .lightbox.store-item-confirmation .iconclosemodal {
    top:3px; right:2px;
    background:url(../images/assets/sprite-closemodal-flat-2_whitemodal.png?version=34) 0 0 no-repeat;
    background-color:transparent;
}
.lightbox.white .iconclosemodal-light {
    top:3px; right:2px;
    background:url(../images/assets/sprite-closemodal-flat-2_light.png?version=34) 0 0 no-repeat;
    background-color:transparent;
}
.lightbox.white .iconclosemodal:hover, .lightbox.store-item-confirmation .iconclosemodal:hover, .lightbox.white .iconclosemodal-light:hover { background-position:0 -50px; }

/* default lightbox */
.lightbox.default > section > header, .lightbox.default section.main > header {
    position:relative;
    border-bottom:solid 1px #d9d9d9;    
    padding:20px;
    font-size:14px;
}
.lightbox.default header h2 { font-size:22px; font-weight:normal; line-height:35px; font-family:'montserrat',Arial, Sans-Serif; margin:0; }
.lightbox.default .contentwrapper { padding:20px; background:#ececec; }
.lightbox.default .contentwrapper > .content {
    background:#fff;
    -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;    
    margin-top:20px;
 }
 .lightbox.default .contentwrapper .content h3 { font-size:20px; font-weight:normal;  font-family:'montserrat',Arial, Sans-Serif; }
 
.lightbox.default .contentwrapper > .content:first-child { margin-top:0; }
.lightbox.nofooter .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
.lightbox.noheader .contentwrapper { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.lightbox.noheader-nofooter .contentwrapper { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.lightbox.default .footerwrapper { border-top:solid 1px #d9d9d9; height:75px; }
.lightbox.default .footer { padding:20px; position:relative;  }
.lightbox.default .footer .left { position:absolute; left:20px; top:20px; }
.lightbox.default .footer .right { position:absolute; right:20px; top:20px; }
.lightbox.default .footer .progressindicator { float:left; margin-top:10px; margin-right:10px; }
.lightbox.default .footer .right .button { float:left; margin-left:5px; }
.lightbox.default .footer .left .button { float:left; margin-right:5px; }
.lightbox.default .footer .button { text-align:center; min-width:60px; }
.lightbox .utilities { padding:10px 0 0 0; }
.lightbox .content.center { text-align:center; }
.lightbox.default .contentdescription { padding-bottom:20px; border-bottom:solid 1px #cfd0d1; margin-bottom:5px; }
.lightbox.default .contentwrapper .content > header, .lightbox.default .contentwrapper .content header.border { font-size:16px; font-family:'montserrat',Arial, Sans-Serif; font-weight: normal; border-bottom:solid 1px #cfd0d1; margin-bottom:15px; padding-bottom:15px;  }
.lightbox.default .contentwrapper .content > header.containsdescription { border-bottom:0; padding-bottom:0px;  }
.lightbox.default .contentwrapper .content p { padding-bottom:15px; }

/* white lightbox */
.lightbox.white header h2 { font-size:39px; font-weight:normal; line-height:49px; font-family:'montserrat',Arial, Sans-Serif; margin-bottom:5px; }
.lightbox.white header h3 { font-size:20px; font-weight:normal; line-height:26px; padding:0 20px; font-family:'montserrat',Arial, Sans-Serif; margin-bottom:20px; }
.lightbox.white .content { padding:30px; }

/* lightbox options */
.lightbox.centered { text-align:center; }
.lightbox.centered .buttons { text-align:center; }
.lightbox.centered .buttons .button { margin-right:10px; }
.lightbox.centered .buttons .button.last { margin-right:0; }
.lightbox.centered .button { margin-bottom:20px; }

/* more lightbox */
.lightbox-main-actions { padding:15px 0; border-top:solid 1px #cfd0d1; }
.lightbox-main-actions a { margin-right:10px; display:inline-block; }
.lightbox-secondary-actions { padding:20px 0 0 0; }
.lightbox-secondary-actions a { margin-right:10px; display:inline-block; }


/********************************************/
/********   SPECIFIC LIGHTBOXES   ***********/
/*******************************************/


/* lightbox announcements */
.lightbox-announcements {
    width:800px; margin-top:25px; margin-bottom:25px;
}
.lightbox-announcements .heading { position:relative; padding:25px 35px 55px 35px; background:url(../images/announcements/june2013/announcement-062013-headerhr.jpg?version=34) repeat-x 0 bottom; }
.lightbox-announcements .heading.noborder { background-image:none; padding-bottom:36px; }
.lightbox-announcements .heading h1 { font-size: 36px; line-height: 0.9em; font-weight:normal; font-family:'montserrat',Arial, Sans-Serif; }
.lightbox-announcements .heading h1 .sub { font-size:22px; }
.lightbox-announcements .heading .heading-icon-announcements { position:absolute; top: 18px; right:35px; }
.lightbox-announcements h2 { font-size:27px; font-family:'montserrat',Arial, Sans-Serif; font-weight: normal; }
.lightbox-announcements-footer { text-align:center; padding-bottom:50px; padding-top:20px; }
.lightbox-announcements .standardsection { padding:20px 35px 25px 35px; font-size:16px; line-height:23px; border-bottom:solid 1px #cfd0d1; margin-bottom:10px; }
.lightbox-announcements .standardsection-noborder {
    padding: 20px 35px 25px 35px;
    font-size: 14px;
    font-family: 'montserrat',Arial, Sans-Serif;
    line-height: 23px;
    margin-bottom: 10px;
}
.lightbox-announcements .standardsection h2 { text-align:center; padding-bottom:10px; }

/* lightbox announcements - june 2013 - sections */
#announcement-buybutton { padding:20px 35px 25px 35px; font-size:16px; line-height:23px; border-bottom:solid 1px #cfd0d1; margin-bottom:15px; }
#announcement-buybutton h2 { text-align:center; padding-bottom:25px; }
#announcement-browsephotosnav { padding:20px 35px 25px 35px; font-size:16px; line-height:23px; border-bottom:solid 1px #cfd0d1; margin-bottom:10px; }
#announcement-browsephotosnav h2 { text-align:center; padding-bottom:10px; }
#announcement-enjoyphotoslogin { padding:20px 35px 15px 35px; font-size:16px; line-height:23px; border-bottom:solid 1px #cfd0d1; margin-bottom:17px; }
#announcement-enjoyphotoslogin h2 { padding-bottom:25px; padding-top:65px; }
#announcement-favoritesfolder { padding:20px 35px 25px 35px; font-size:16px; line-height:23px; border-bottom:solid 1px #cfd0d1; margin-bottom:25px }
#announcement-favoritesfolder h2 { padding-bottom:25px; text-align:center; }
.btncontinuetoadministrativearea { display:block; margin:0 auto 10px auto; width:290px; height:48px; text-indent:-5000px; background:url(../images/announcements/june2013/btncontinuetoadministrativearea.png?version=34) no-repeat 0 0; cursor: pointer;}
.btncontinuetoadministrativearea:hover { background-position:0 -47px; }

/* lightbox announcements - sept 2013 - sections */
#announcement-digitalbragbooks-sept2013 { padding:20px 35px 25px 35px; font-size:16px; line-height:23px; border-bottom:solid 1px #cfd0d1; margin-bottom:15px; position:relative; }
#announcement-digitalbragbooks-sept2013 h2 { text-align:center; padding-bottom:25px; }
#announcement-digitalbragbooks-sept2013 .checkmarklist { margin:20px 0 0 0; }

/* generic progress lightbox */
.lightbox.genericprogressmodal .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;  }

/* processing lightbox */
.lightbox.processinglightbox { width:350px; text-align:center; padding:30px 0;  }

/* upload choice lightbox */
.lightbox.uploadchoice .content { padding:40px 23px; }
.lightbox.uploadchoice .left { width: 260px; float: left; }
.lightbox.uploadchoice .right { width: 260px; float: left; }
.lightbox.uploadchoice .orcircle { float: left; margin: 21px 20px 0 20px; }
.lightbox.uploadchoice .button { width:260px; }
.lightbox.uploadchoice .redtext, .lightbox.uploadchoice .greentext { padding:8px 0 0 0; text-align:center; font-weight:600; }

/* learn more lightboxes */
.imagegallerieslearnmorelightbox { padding-top:240px; background:#fff url(../../resources/images/access/lightbox-learnmore-imagegalleries-bg.jpg?version=34) no-repeat center top; }
.lightbox.imagegallerieslearnmorelightbox .content { padding:40px; }
.lightbox.imagegallerieslearnmorelightbox header h3 { padding:0; }
.imagegallerieslearnmorelightbox .checkmarklist { margin:10px auto 20px auto; }
.imagegallerieslearnmorelightbox .checkmarklist li { float:left; width:285px; text-align:left; }
.imagegallerieslearnmorelightbox .checkmarklist li:nth-child(odd) { padding-right:25px; }

/* learn more lightboxes */
.dbblearnmorelightbox { padding-top:253px; background:#fff url(../../resources/images/access/lightbox-learnmore-dbb-bg.jpg?version=1) no-repeat center top; }
.lightbox.dbblearnmorelightbox .content { padding:40px; }
.lightbox.dbblearnmorelightbox header h3 { padding:0; }
.dbblearnmorelightbox .checkmarklist { margin:20px auto; }
.dbblearnmorelightbox .checkmarklist li { float:left; width:285px; text-align:left; }
.dbblearnmorelightbox .checkmarklist li:nth-child(odd) { padding-right:25px; }

/* sitebuilder v2 */
.lightbox.sitebuilder-zoomimage { text-align:center; }
.lightbox.sitebuilder-zoomimage img { display:inline-block; margin-bottom:13px; }

#genericSavingModal { height:auto; width:350px; text-align:center; font-weight:600; color:#666; }

/*******************************/
/********   BUTTONS  ***********/
/*******************************/   

.button {
    background-color: #e26f99;
    padding: 8px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;    
    font-family:'montserrat',Arial,Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;    
    display:inline-block;
    text-align:center;
    line-height:normal;
    border:0;
}
.button:hover 
{
    background-color:#bb4b74;
    text-decoration:none;
}
     
        
.button.blue {
    background: #316cbe;
    color:#fff;    
}
.button.blue:hover 
{
    background:#275595;
    color:#fff !important;
    text-decoration:none;
}
        
.button.green {
    background: #33ba89;
    color:#fff;    
    min-width:100px;
}
.button.green:hover 
{
    background:#28926c;
    color:#fff !important;
    text-decoration:none;
}

.button.red {
    background: #e26f99;
    color:#fff;    
}
.button.red:hover 
{
    background:#bb4b74;
    color:#fff !important;
    text-decoration:none;
}

.button.white {
    background: #ffffff;
    color:#0e1c2e;    
}
.button.white:hover 
{
    background:#fff;
    color:#88919c !important;
    text-decoration:none;
}


.button.transparent {
    border:0;
    background: transparent;
    color:#fff;
}

.button.small { padding:5px 15px; }
.button.medium { padding:10px 22px; text-transform:none; font-size:17px; font-family:'montserrat',arial,helvetica,sans-serif; }
.button.large { padding:13px 22px; text-transform:none; font-size:20px; font-family:'montserrat',arial,helvetica,sans-serif; }
.button.xlarge { padding:22px; text-transform:none; font-size:20px; font-family:'montserrat',arial,helvetica,sans-serif; }
                 
.button.disabled,.button.disabled:hover {
    background:#f0f1f2 !important;
    color:#bbbbbb !important;        
    cursor:default !important;
}

.button.flatgray {    
    background: #e8e9ea;
    color:#484b50;
}

.button.flatgray:hover { background:#dbdcdd; text-decoration:none; color:#484b50; }

.button.dashed {    
    background:transparent;
    color:#484b50;        
}

.button.dashed:hover { border:dashed 1px #484b50; }

.button.darkgray {
    background: #e8e9ea;
    color: #484b50;
}

.button.darkgray:hover {
    background: #aaaaaa;
    color: #484b50;
    text-decoration:none;
}

.button.btn-ghost:hover
{
    opacity:0.8;
}

.button.white.btn-ghost, .button.white.btn-ghost:hover
{
    background:transparent;
    color:#ffffff !important;    
    -webkit-box-shadow:inset 0 0 0 1px #fff; box-shadow:inset 0 0 0 1px #fff;   
}

.button.red.btn-ghost, .button.red.btn-ghost:hover
{
    background:transparent;
    color:#e26f99 !important;
    -webkit-box-shadow:inset 0 0 0 1px #e26f99; box-shadow:inset 0 0 0 1px #e26f99;   
}

.button.blue.btn-ghost, .button.blue.btn-ghost:hover
{
    background:transparent;
    color:#316cbe !important;
    -webkit-box-shadow:inset 0 0 0 1px #316cbe; box-shadow:inset 0 0 0 1px #316cbe;   
}

.button.green.btn-ghost, .button.green.btn-ghost:hover
{
    background:transparent;
    color:#33ba89 !important;
    -webkit-box-shadow:inset 0 0 0 1px #33ba89; box-shadow:inset 0 0 0 1px #33ba89;   
}

.btn-circle {
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
    border-radius:35px;
}

.button.btn-link {
    background:transparent;
    border-color:transparent;
    color:#484b50;
}

.button.btn-link:hover {
    background:transparent;
    border-color:transparent;
    color:#e26f99;
}


.button.btn-link:hover {
    opacity:0.8;
}

.button.btn-link.white, .button.btn-link.white:hover {
    background:transparent;
    border-color:transparent;
    color:#fff !important;
}

.microsection .btn-group > .microsection .btn.btn-toggle:last-child, .microsection .btn-group > .btn.last.btn-toggle {
    padding: 8px 14px 7px 14px; 
}

/******************************************/
/********   TOGGLERADIOBUTTONS  ***********/
/******************************************/   

.toggleradiobutton {
    border: 1px solid #cfd0d1;
    background: #f0f1f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f1f2));
    background: -webkit-linear-gradient(top, #ffffff, #f0f1f2);
    background: -moz-linear-gradient(top, #ffffff, #f0f1f2);
    background: -ms-linear-gradient(top, #ffffff, #f0f1f2);
    background: -o-linear-gradient(top, #ffffff, #f0f1f2);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f1f2 100%);
    padding: 8px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
    text-shadow: #ffffff 0 1px 0;
    color: #484b50;
    font-size: 13px;
    font-family:'montserrat',arial,helvetica,sans-serif;
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;
    text-transform:uppercase;
    display:inline-block;
    text-align:center;
}
.toggleradiobutton:hover {
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    text-decoration:none;
}
.toggleradiobutton:active {
    -webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.2);
    box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.2);
}        
        
.toggleradiobutton.blue {
    border:solid 1px #4065b4;
    background: #4e7ad4;
    background: -webkit-gradient(linear, left top, left bottom, from(#5686ea), to(#4e7ad4));
    background: -webkit-linear-gradient(top, #5686ea, #4e7ad4);
    background: -moz-linear-gradient(top, #5686ea, #4e7ad4);
    background: -ms-linear-gradient(top, #5686ea, #4e7ad4);
    background: -o-linear-gradient(top, #5686ea, #4e7ad4);
    background-image: -ms-linear-gradient(top, #5686ea 0%, #4e7ad4 100%);
    color:#fff;
    text-shadow: #4065b4 0 -1px 0;
}
        
.toggleradiobutton.green {
    border:solid 1px #106b37;
    background: #1c884a;
    background: -webkit-gradient(linear, left top, left bottom, from(#1d9b53), to(#1c884a));
    background: -webkit-linear-gradient(top, #1d9b53, #1c884a);
    background: -moz-linear-gradient(top, #1d9b53, #1c884a);
    background: -ms-linear-gradient(top, #1d9b53, #1c884a);
    background: -o-linear-gradient(top, #1d9b53, #1c884a);
    background-image: -ms-linear-gradient(top, #1d9b53 0%, #1c884a 100%);
    color:#fff;
    text-shadow: #106b37 0 -1px 0;
}
         
.toggleradiobutton.disabled {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background:#f0f1f2;
    color:#bbbbbb;
    text-shadow:none;
    border:solid 1px #cfd0d1;
    cursor:default;
}


/*****************************/
/********   FORMS  ***********/
/*****************************/

input[type=text], input[type=password], input[type=email], textarea, select, .inputtext, input[type=number] {
    display:inline-block;
    font-family:'montserrat', Arial, Helvetica, Sans-Serif;
    border:solid 1px #cfd0d1;
    padding:9px;
    background:#ffffff;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;    
            border-radius:4px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
       -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
         -o-transition: border linear 0.2s, box-shadow linear 0.2s;
            transition: border linear 0.2s, box-shadow linear 0.2s;
}

label span.required { color:#D83A15; }
span.asterisk { color:#D83A15; }
input[type=text], input[type=password], input[type=email], textarea, select {  }

.toplabel label { display:block; padding-bottom:4px; }
.toplabel input, .toplabel textarea { }
.toplabel div.formelement { clear:both; padding-bottom:5px; }

.leftlabel label { width:150px; float:left; font-weight:600; padding-top:10px; }
.leftlabel .errormessage { display:inline-block; color:#e26f99; padding-left:5px; }
.leftlabel .errormessage.bottom { display:block; color:#e26f99; margin-left:150px; padding-left:0; }
.leftlabel .warningmessage { margin:5px 0 5px 150px; background:#fff; border:solid 1px #e26f99; padding:10px; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.leftlabel div.formelement p { font-size:11px; color:#999999; margin:0; padding-left:150px; line-height:20px; } /* sub text and or hint text ... left paddng matchs label width */
.leftlabel div.formelement { padding-bottom:15px; }
.leftlabel .help-block { padding-left:150px; }
.leftlabel .checkboxoverride { margin-left:150px; } /* indtended checkbox - example: same as shipping address */
.leftlabel .checkboxoverride label { padding-top:0; width:auto; font-weight:normal; }
.leftlabel .checkboxoverride-noindent { margin-left:0; margin-top:13px; }
.leftlabel .checkboxoverride-noindent label { padding-top:0; width:auto; font-weight:normal; }
.leftlabel .formelement-actions { padding-left:150px; padding-top:4px; overflow:hidden; }
.leftlabel .formelement-actions a { color:#316cbe; font-size:12px; margin-right:10px; display:inline-block; }
.leftlabel label.checkbox { font-weight:normal; width:auto; padding-top:2px; }

.toplabel .errormessage { color:#e26f99; line-height:18px; font-size:12px; float:right; margin-top:7px; }

.formelement.error .jvFloat .placeHolder {
    color:#e26f99;
}

.error label { color:#e26f99; font-weight:600; }
.error input { color:#e26f99; border-color:#e26f99; background:#ffffff; }
.error select { color:#e26f99; border-color:#e26f99; background:#ffffff; }

.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 530px; }
.input-circle { -moz-border-radius:50px !important; -webkit-border-radius:50px !important; border-radius:50px !important; padding:9px 15px !important; }

.input-group.input-group-circle .input-group-btn:first-child > .btn, .input-group.input-group-circle .input-group-btn:first-child > .btn-group {
    -moz-border-radius:35px 0 0 35px !important;
    -webkit-border-radius:35px 0 0 35px !important;
    border-radius:35px 0 0 35px !important;
}

.input-group.input-group-circle .form-control:last-child,
.input-group.input-group-circle .input-group-addon:last-child,
.input-group.input-group-circle .input-group-btn:last-child > .btn,
.input-group.input-group-circle .input-group-btn:last-child > .btn-group > .btn,
.input-group.input-group-circle .input-group-btn:last-child > .dropdown-toggle,
.input-group.input-group-circle .input-group-btn:first-child > .btn:not(:first-child),
.input-group.input-group-circle .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    -moz-border-radius:0 35px 35px 0 !important;
    -webkit-border-radius:0 35px 35px 0 !important;
    border-radius:0 35px 35px 0 !important;
}


.formsection { padding-top:15px; }
.formsectionheader { width:150px; float:left; padding-top:2px; }
.formsectionheader h4 { font-family:Arial; font-weight:600; font-size:14px; }
.formsectioncontent { float:left; width:400px; }
.formsectionbuttons { border-top:solid 1px #cfd0d1; padding-top:20px; margin-top:20px; }
.formsectioncontent.checkboxlist .formelement { padding-bottom:8px; }

.uneditabletext { padding-top:10px; display:inline-block; padding-right:10px; }

fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #484b50; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 15px; color: #999999; }

label, button, textarea { font-weight: normal; line-height: 20px; }
input, select { font-weight: normal; line-height:normal; }
textarea { height: auto; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #316cbe;
    outline: 0;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  /*height: 30px;*/
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  /*line-height: 30px;*/
}

select {
  width: 245px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;  
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #88919c;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #88919c;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #88919c;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
  display:inline-block;
  cursor:pointer;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  /*padding-top: 5px;*/
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}


input,
textarea,
.uneditable-input {
  margin-left: 0;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly],
.inputtext.readonly {  
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.help-block,
.help-inline {
  color: #777777;
}

.help-block {
  display: block;
  margin-bottom: 10px;
  padding-top:10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
  font-style:italic;
}

.help-checkbox { padding-left:20px; padding-top:6px; }

.extendedpassword { margin-left:20px; margin-top:15px; padding-top:15px; border-top:solid 1px #cfd0d1; }

.input-append,
.input-prepend {
  display: inline-block;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;  
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
  font-size: 14px;
    line-height: 22px;
    height: 39px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 39px;
  min-width: 16px;
  padding: 7px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  background-color: #f0f1f2;
  border: 1px solid #cfd0d1;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

/* .input-prepend input { margin-left:-4px; } */

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

.radioButtonBasic * { cursor:pointer; }

/*
.customradio { cursor:pointer; color:#333; font-size:14px; overflow:hidden; }
.customradio i { width:28px; height:19px; float:left; background:url(../images/assets/sprite-forms.png) no-repeat 0 -40px; }
.customradio.selected i { background-position:0 -80px; }
.customradio.disabled i { background-position:0 0; }
.customradio.customradio-bold { font-weight:bold; }
.customradio div { display:inline; }

.customcheckbox { cursor:pointer; color:#333; font-size:14px; overflow:hidden; }
.customcheckbox i { width:28px; height:19px; float:left; background:url(../images/assets/sprite-forms.png) no-repeat 0 -160px; }
.customcheckbox.selected i { background-position:0 -200px; }
.customcheckbox.disabled i { background-position:0 -120px; }
.customcheckbox.customcheckbox-bold { font-weight:bold; }
*/

.customradio { cursor:pointer; color:#333; font-size:14px; overflow:hidden; background:url(../images/assets/sprite-forms.png?version=1) no-repeat 0 -120px; padding-left:28px; display:inline-block; }
.customradio.selected { background-position:0 -240px; }
.customradio.disabled { background-position:0 0; }
.customradio.customradio-bold { font-weight:500; }

.customradio div { display:inline; }
.customradio:hover { color:#666666; text-decoration:none; }
.customradio.noradio { background-image:none; padding-left:0; cursor:default; } /* override radio */
.customradio.noradio:hover { color:#484b50; }

.customcheckbox { cursor:pointer; color:#333; font-size:14px; overflow:hidden; background:url(../images/assets/sprite-forms.png?version=1) no-repeat 0 -480px; padding-left:28px; display:inline-block; }
.customcheckbox.selected { background-position:0 -600px; }
.customcheckbox.disabled { background-position:0 -360px; }
.customcheckbox.customcheckbox-bold { font-weight:600; }
.customcheckbox:hover { color:#666666; text-decoration:none; }
.customcheckbox.noradio { background-image:none; padding-left:0; cursor:default; } /* override checkbox */

/* forms - disabled fields */

/* hide autocomplete on safari when not needed */
input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button,
.cartQuantityField::-webkit-contacts-auto-fill-button,
.cartQuantityField::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0;
    opacity: 0;
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size:14px; font-weight:500;
}

.alert-danger {
    background-color: transparent;
    border-color: #f1cad2;
    color: #e26f99;
}

.alert-warning {
    background-color: transparent;
    border-color: #edc5b0;
    color: #f6722a;
}

.alert-success {
    background-color: transparent;
    border-color: #c3ebdd;
    color: #33ba89;
}

.alert-info {
    background-color: transparent;
    border-color: #cddcf0;
    color: #316cbe;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -16px;
    top: 4px;
    font-size: 12px !important;
    background-image: none !important;
    text-indent: 0;
    opacity: 0.7;
}

.alert-dismissable .close:hover, .alert-dismissible .close:hover {
    opacity:1;
}

.date-picker .input-group-btn .btn {
    padding:10px 20px;
}



/********************************************/
/************     SWITCHERY      ************/
/********************************************/


/* #region Switchery */

.switchery {
    margin-right: 10px;
    box-sizing:content-box !important;
}

.flex-table-row-item .switchery {
    margin-right:0;
}

.switchery * {
    box-sizing:content-box !important;
}

.switchery.switchery-default {
    background-clip:border-box;
    border-radius: 20px;
    height: 28px;
    width: 66px;
    border-width:3px;
}

.switchery.switchery-default > small {
  height: 28px;
  width: 28px;
}

    .switchery.switchery-default.disabled {
        cursor:default;
    }

    .switchery.switchery-default.disabled > small {
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
    }

        .switchery.switchery-default.disabled ~ .switchLabel {
            opacity:0.5;
        }

.switchery-label-on {
    position: absolute;
    text-transform: none;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    top: 5px;
    left: 10px;
    color:#fff;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    opacity:1;
    line-height:18px !important;
}

.switchery-label-off {
    position: absolute;
    text-transform: none;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    top: 5px;
    right: 7px;
    color:#999;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    opacity:1;
    line-height:18px !important;
}

.switchery.is-checked .switchery-label-on {
    visibility:visible;
    opacity:1;
}

.switchery.is-checked .switchery-label-off {
    visibility:hidden;
    opacity:0;  
    right:-9px;
}

.switchery:not(.is-checked) .switchery-label-on {
    visibility:hidden;
    opacity:0; 
    left:-6px; 
}

.switchery:not(.is-checked) .switchery-label-off {
    visibility:visible;
    opacity:1;
}


/* #endregion */



/**************************************/
/********      POPOVERS     ***********/
/**************************************/  

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #0e1c2e;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #0e1c2e;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #0e1c2e;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #0e1c2e;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #0e1c2e;
  border-width: 0 5px 5px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;  
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px rgba(15, 29, 47, 0.08);
    -moz-box-shadow: 0 8px 16px rgba(15, 29, 47, 0.08);
    box-shadow: 0 8px 16px rgba(15, 29, 47, 0.08);
    border: solid 1px #cfd0d1;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
    font-family:"montserrat", Arial, Helvetica, sans-serif;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 15px 14px 8px 14px;
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  font-family:'montserrat', Arial, Helvetica, Sans-Serif;
  line-height: 18px;  
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 13px 17px;
  font-size:14px;  
  line-height:1.7;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color:#cfd0d1;
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color:#cfd0d1;
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color:#cfd0d1;
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color:#cfd0d1;
  border-left-color:#cfd0d1;
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.popover.right > .arrow {
    border-right-color:#cfd0d1;
}
.popover.left > .arrow {
    border-left-color:#cfd0d1;
}
.popover.top > .arrow {
    border-top-color:#cfd0d1;
}
.popover.bottom > .arrow {
    border-bottom-color:#cfd0d1;
}

.popover-close {
    position:absolute;
    top:5px;
    right:5px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    background:transparent;
    border:0;
    cursor:pointer;
    outline:0;
}

.popover-close:hover {
    color:#e26f99;
}



/**************************************************************************/
/*                               MODALS                                   */
/**************************************************************************/

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #1e2835;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.adminv2-modal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-700 {
    width: 700px; }
  .modal-470 {
    width: 470px; }
  .modal-400 {
    width: 400px; }
  .modal-sm {
    width: 300px; } }

/* custom modal css */
.modal-header .close, .modal-header .custom-bootstrap-close {
    position:absolute;
    top:15px;
    right:10px;
    background:transparent;
    border:0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color:#484b50;
    cursor:pointer;
}
.modal-header .close:hover, .modal-header .custom-bootstrap-close:hover {
    color:#e26f99;
}
.modal-header {
    padding:25px 25px 0 25px !important;
    border:0 !important;
    text-align:center;
}
.modal-body {
    padding:25px !important;
}
.modal-content {
  -moz-border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  -moz-box-shadow:0 0 40px 0 rgba(0,0,0,0.2) !important;
  -webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.2) !important;
  box-shadow:0 0 40px 0 rgba(0,0,0,0.2) !important;
  border:0 !important;
}


/**************************************************************************/
/*                                 PACE                                   */
/**************************************************************************/

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: absolute;
  height: 90px;
  width: 90px;
  margin: auto;
  top: 300px;
  left: 0;
  right: 0;
  bottom: auto;
}

.pace.pace-inactive .pace-activity {
  display: none;
}

.pace .pace-activity {
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 90px;
  width: 90px;
  display: block;
  border-width: 30px;
  border-color: #e26f99 transparent transparent;
  border-radius: 50%;

  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.pace .pace-activity:before {
  content: ' ';
  position: absolute;
  top: 22px;
  left: 22px;
  height: 49px;
  width: 49px;
  display: block;
  border-width: 2px;
  border-style: solid;
  border-color: #e26f99 transparent transparent;
  border-radius: 50%;
}

@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
}

@-o-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
}

@keyframes spin {
  100% {  transform: rotate(359deg); }
}


/**************************************************************************/
/*               PACE (standalone usage outside of plugin)                */
/**************************************************************************/

.pace-standalone {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 90px;
  width: 90px;
  margin: auto;
}

.pace-standalone .pace-standalone-activity {
  display: block;
  height: 90px;
  width: 90px;
  display: block;
  border-width: 30px;
  border-color: #e26f99 transparent transparent;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.pace-standalone .pace-standalone-activity:before {
  content: ' ';
  position: absolute;
  top: 22px;
    left: 22px;
    height: 45px;
    width: 45px;
  display: block;
  border-width: 2px;
  border-style: solid;
  border-color: #e26f99 transparent transparent;
  border-radius: 50%;
}

.pace-standalone .pace-standalone-caption {
    margin-left:-100px; margin-right:-100px;
    display:block;
}


/**************************************************************************/
/*               PACE (standalone usage outside of plugin)                */
/**************************************************************************/

/* #region Pace Standalone */

/* small version */

.pace-standalone-small {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 32px;
    width: 32px;
    margin: auto;
}

    .pace-standalone-small .pace-standalone-activity {
        display: block;
        height: 32px;
        width: 32px;        
        border-width: 32px;
        border-color: #e26f99 transparent transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

        .pace-standalone-small .pace-standalone-activity:before {
            content: ' ';
            position: absolute;
            top: 8px;
            left: 8px;
            height: 16px;
            width: 16px;
            display: block;
            border-width: 2px;
            border-style: solid;
            border-color: #e26f99 transparent transparent;
            border-radius: 50%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

/* medium version */

.pace-standalone-medium {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 60px;
    width: 60px;
    margin: auto;
}

    .pace-standalone-medium .pace-standalone-activity {
        display: block;
        height: 60px;
        width: 60px;
        border-width: 60px;
        border-color: #e26f99 transparent transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

        .pace-standalone-medium .pace-standalone-activity:before {
            content: ' ';
            position: absolute;
            top: 15px;
            left: 15px;
            height: 30px;
            width: 30px;
            display: block;
            border-width: 2px;
            border-style: solid;
            border-color: #e26f99 transparent transparent;
            border-radius: 50%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

/* #endregion*/





/**************************************/
/**********      TABLES     ***********/
/**************************************/  

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse:collapse;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}



/**************************************/
/********      DROPDOWN     ***********/
/**************************************/  

.dropdown {
  position: relative;
}

.btn.dropdown-toggle {
    padding-left:14px; padding-right:14px;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 10px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
 -webkit-box-shadow: 0 8px 16px rgba(15, 29, 47, 0.08);
    -moz-box-shadow: 0 8px 16px rgba(15, 29, 47, 0.08);
    box-shadow: 0 8px 16px rgba(15, 29, 47, 0.08);
    border:solid 1px #cfd0d1;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 7px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429 !important;
  color: #555;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #0e1c2e;
  background-color: #f0f1f2;
  text-decoration: none;
}

.dropdown-menu > li > a.disabled:hover,
.dropdown-menu > li > a.disabled:focus {  
  color:#AAAAAA;
  background-color: transparent;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #316cbe;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;  
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-header {
    font-weight: 600;
    padding-bottom:1px;
    opacity:0.6;
    font-size:12px !important;
    padding:5px 15px !important;
    display: block;
    line-height: 1.42857143;
    white-space: nowrap;
    text-transform: uppercase;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.btn.dropdown-toggle {
    padding:7px 14px;
}
 
/**************************************/
/********   PROGRESS BARS   ***********/
/**************************************/   
        
/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
  to {
    background-position: 0 0;
  }
  from {
    background-position: 44px 0;
  }
}

@-moz-keyframes animate-stripes {
  to {
    background-position: 0 0;
  }
  from {
    background-position: 36px 0;
  }
}

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 20px;
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #abb2bc;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  background:#d7d7d7;
  /* Give it the inset look by adding some shadows and highlights */
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px white;
  -o-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px white;
  /* Alt colours */  
}
.ui-progress-bar.blue .ui-progress {
  background-color: #339BB9!important;
  border: 1px solid #287a91;
}
.ui-progress-bar.error .ui-progress {
  background-color: #C43C35 !important;
  border: 1px solid #9c302a;
}
.ui-progress-bar.warning .ui-progress {
  background-color: #D9B31A!important;
  border: 1px solid #ab8d15;
}
.ui-progress-bar.success .ui-progress {
  background-color: #57A957!important;
  border: 1px solid #458845;
}
.ui-progress-bar.transition .ui-progress 
{
    /* original */
    /*
    -moz-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    -webkit-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    -o-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    */
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.ui-progress-bar .ui-progress {
  /* Usual setup stuff */
  position: relative;
  display: block;
  overflow: hidden;
  /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */
  height: 20px;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px;
  -moz-background-size: 36px 36px;
  /* Webkit */
  /* For browser that don't support gradients, we'll set a base background colour */
  background-color: #1d9b53;
  /* Webkit background stripes and gradient */
  border:solid 1px #106b37;
    background: #1c884a;
    background: -webkit-gradient(linear, left top, left bottom, from(#1d9b53), to(#1c884a));
    background: -webkit-linear-gradient(top, #1d9b53, #1c884a);
    background: -moz-linear-gradient(top, #1d9b53, #1c884a);
    background: -ms-linear-gradient(top, #1d9b53, #1c884a);
    background: -o-linear-gradient(top, #1d9b53, #1c884a);
    background-image: -ms-linear-gradient(top, #1d9b53 0%, #1c884a 100%);
  /*background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.35))), #74d04c;*/
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */
  /*background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c;*/
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  -o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  /* Give it a higher contrast outline */
  border: 1px solid #106B37;
  /* Animate */
  /*
  -moz-animation: animate-stripes 2s linear infinite;
  -webkit-animation: animate-stripes 2s linear infinite;
  -o-animation: animate-stripes 2s linear infinite;
  -ms-animation: animate-stripes 2s linear infinite;
  -khtml-animation: animate-stripes 2s linear infinite;
  animation: animate-stripes 2s linear infinite;  
*/
/* Progress part of the progress bar - min-width at 3% to look nice */
  min-width:3% !important; 
}
.uploadprogresswrapper span.ui-label {
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 11px;
    position: absolute;
    right: 0;
    top:-30px;  
    line-height: 23px;
    padding:0 12px;      
    white-space: nowrap;
    background:#fff;    
    display:block;
    font-weight:600;
    color:#333;
    text-align:center;    
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
      background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
            background-clip: padding-box;
}

.uploadprogresswrapper span.ui-label .arrow 
{

}

.cancelupload { text-align:center; }
.cancelupload div.linkbutton { font-size:12px; }


/**************************************/
/*********   MICROSECTION   ***********/
/**************************************/   


/* microsection global */
.microsection * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }        
.microsection { font-size:14px; }        
.microsection h2 { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:900; font-size:21px; padding-bottom:15px; text-transform:uppercase; }
.microsection h3 { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:400; font-size:21px; padding-bottom:15px; }
        
/* microsection header */
.microsection-header-wrapper { }
.microsection-header-main h1 { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:400; font-size:21px; color:#333; margin:21px 0 19px 0; float:left; line-height:1.1; }
.microsection-header-main h1 a { font-size:21px; color:#fff; }
.microsection-header-main h1 a:hover { color:#e26f99; text-decoration:none; }
.microsection-header-main { background:#0e1c2e; position:relative; z-index:4; color:#fff; }
.microsection-header-main > .content { padding:0 17px 0 15px; width:auto; margin:0 auto; position:relative; box-sizing:border-box; }
.microsection-header-menu.left { float:left; padding:8px 7px 7px 7px; margin:0 0 0 15px; }
.microsection-header-menu.right { position:absolute; top:24px; right:17px; line-height:34px; }
.microsection-header-menu div.button { display:inline-block; margin-left:3px; }

.microsection-header-menu >  li {
    display:inline-block; padding-left:20px;
}

.microsection-header-menu > li > a { display:inline-block; padding:14px; font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:400; font-size:15px; color:#fff; }
.microsection-header-menu > li > a:hover { color:#fff; text-decoration:none; }

.microsection-header-main .shoppingcart i { float:left; width:32px; height:32px; margin-right:3px; line-height:32px; text-align:center; }

.microsection-utility { position:relative; border-bottom:solid 1px #cfd0d1; }
.microsection-utility a { color:#666; }
.microsection-utility a:hover { color:#e26f99; text-decoration:none; }
.microsection-utility > .content { position:relative;  width:960px; margin:0 auto; padding:12px 0; }        
.microsection-utility > .content .left div { vertical-align:top; }
.microsection-utility .verticaldivider { display:inline-block; line-height:21px; padding:0 10px 0 0; color:#bbbbbb; }
.microsection-utility .filter { display:inline-block; padding-right:15px; }
.microsection-utility .filter select { width:auto; }
.microsection-utility .filter b { font-weight:normal; color:#888; font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-size:15px; display:inline-block; padding-right:3px; }
.microsection-utility .filter.last { padding-right:0; }
.store .microsection-utility input[type="text"], .store .microsection-utility input[type="password"], input[type="email"], .store .microsection-utility textarea, .store .microsection-utility select
{
    padding:6px;
}


.microsection-body { position:relative; }
.microsection-body > .content { position:relative; width:960px; margin:0 auto; padding:20px 0; } 

/* store */
.boutiquehome h3 { font-family:Arial, Helvetica, Sans-Serif; font-weight:normal; font-size:15px; padding-bottom:15px; }
.microsection-body.store-items > .content { width:980px; padding-bottom:60px; } /* extra width and padding for store hovers */
.store-item-wrapper { width:220px; margin:0 10px; float:left; min-height:335px; position:relative; }
.store-item-wrapper > .store-item > a { display:block; min-height:335px; }
.store-item-wrapper > .store-item > a:hover { text-decoration:none; }
.store-items .store-item-wrapper:hover .store-item {    
    background:#ffffff;
    border:1px solid #cfd0d1;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); 
    position: absolute;
    left: -11px;
    top: -10px;
    padding:10px;
    padding-top:9px;
    z-index: 9999;                       
    width: 242px;       
}
.store-item .imagewrapper { width:220px; height:220px; vertical-align:bottom; display:table-cell; text-align:center; }
.store-item img {
    display:block; margin:0 auto; vertical-align:bottom;
}
.store-items .store-item-wrapper:hover .store-item img { }
.store-item-name { border-bottom:solid 1px #cecece; margin-bottom:7px; padding-bottom:7px; padding-top:5px; }
.store-item-info { overflow:hidden; }
.store-item-info .left { float:left; }
.store-item-info .right { float:right; }
.store-item-name { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-size:17px; line-height:25px; color:#333; }
.store-items .store-item-wrapper:hover .store-item-info { margin-right:0; padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #cfd0d1; }
.store-items .store-item-wrapper:hover .store-item-styles { height:auto !important; padding-bottom:10px; overflow:visible !important; }
.store-item .store-item-styles td { height:50px; }
.store-item .store-item-styles img { vertical-align:middle; display:inline-block; width:100%; }

.store .emptydataset { padding:100px; text-align:center; }

.store-item-detailspage .item-details { overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #cfd0d1; }
.store-item-detailspage .item-details .left { float:left; width:520px; padding:20px 20px 23px 20px; }
.store-item-detailspage .item-details .photocredit { font-size:12px; text-align:center; }
.store-item-detailspage .item-details .photocredit b { font-size:11px; }

.store-item-detailspage .item-details .listItemThumbnail 
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display: table-cell;    
    height: 134px;
    line-height: 134px;    
    position: relative;
    vertical-align: middle;
    text-align:center;
}
.store-item-detailspage .item-details .listItemThumbnail a  
{        
    border-radius: 5px 5px 5px 5px;
    display: block;    
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.store-item-detailspage .item-details .left .store-item-styles img { vertical-align:middle; display:inline-block; max-width:90%; }
.store-item-detailspage .item-details .left .store-item-styles li.selected img { -moz-opacity: 0.60; opacity: 0.60; -webkit-transition:opacity 0.25s ease 0s; -moz-transition:opacity 0.25s ease 0s; -ms-transition:opacity 0.25s ease 0s; -o-transition:opacity 0.25s ease 0s; transition:opacity 0.25s ease 0s; }
.store-item-detailspage .item-details .right { float:right; width:440px; padding-left:30px; }
.store-item-detailspage .item-details .item-header { overflow:hidden; padding-bottom:25px; margin-bottom:20px; border-bottom:solid 1px #cecece; }
.store-item-detailspage .item-details .item-header h1 { padding-bottom:3px; line-height:41px; }
.store-item-detailspage .item-details .item-header .designedby, .store-item-detailspage .item-details .item-header .designedby * { font-size:14px; }
.store-item-detailspage .item-details .item-header .designedby { padding-bottom:15px; }
.store-item-detailspage h1 { font-size:36px; padding-bottom:10px; display:block; }
.store-item-detailspage .price { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-size:20px; font-weight:500; color:#e26f99; display:inline-block; padding-left:10px; vertical-align:middle; }
.store-item-detailspage .item-details .includes { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-size:17px; line-height:25px; color:#333; font-weight:normal; padding-bottom:8px; display:block; }
.store-item-detailspage .item-secondarydetails h2 
{
    font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:normal;    
    font-size:21px;
    display:inline-block;
    padding-bottom:15px;
}
.store-item-detailspage .item-secondarydetails .left { float:left; width:50%; }
.store-item-detailspage .item-secondarydetails .right { float:right; width:50%; padding-left:30px; padding-top:43px; }


/* add to cart confirmation */
.store-item-confirmation .item-confirmation-message { font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-size:19px; vertical-align:middle; padding:0 0 12px 9px ; }
.store-item-confirmation .item-confirmation-message i { margin-top:3px; font-size:17px; }
.store-item-confirmation .store-item .imagewrapper { height:auto; }
.cartsummary h2 { font-size:20px; padding-bottom:10px; border-bottom:solid 1px #cfd0d1; margin-bottom:15px; font-weight: normal; }
.cartsummary table { width:100%; margin-bottom:9px; }
.cartsummary table td { padding-bottom:6px; text-align:left; vertical-align:top; }
.cartsummary table tr td:first-child { width:150px; padding-right:5px; }
.cartsummary table tr td:last-child { text-align:right; font-weight:600; }
.cartsummary .footer { padding-top:15px; border-top:solid 1px #cfd0d1; text-align:center; }
.cartsummary .footer .button { min-width:150px; text-align:center; }
.cartsummary .footer p { padding-top:20px; text-align:left; }
.cartsummary table tbody tr:last-child td { padding-bottom:15px; }
.cartsummary table tfoot tr:first-child td { border-top:solid 1px #cfd0d1; padding-top:15px; }
.cartsummary table tfoot tr:last-child td {  }
.cartsummary table tr td .edit { color:#316cbe; }
.store-item-confirmation .store-item-wrapper { min-height:0; }


/* cart */
.microsection-body.cart { min-height:350px; }
.cart > .content > h2 
{
    font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:normal;    
    font-size:21px;
    display:inline-block;
    padding-bottom:15px;
}
.cart .ordersummary { padding:20px 25px 25px 25px; }
.cart .ordersummary h2 { font-size:20px; padding-bottom:10px; border-bottom:solid 1px #cfd0d1; margin-bottom:15px; font-weight: normal; }
.cart .ordersummary table { width:100%; margin-bottom:9px; }
.cart .ordersummary table td { padding-bottom:6px; text-align:left; vertical-align:top; }
.cart .ordersummary table tr td:first-child { width:150px; padding-right:5px; }
.cart .ordersummary table tr td:last-child { text-align:right; font-weight:600; }
.cart .ordersummary .footer { padding-top:15px; border-top:solid 1px #cfd0d1; text-align:center; }
.cart .ordersummary .footer .button { min-width:150px; text-align:center; }
.cart .ordersummary .footer p { padding-top:20px; text-align:left; }
.cart .ordersummary table tbody tr:last-child td { padding-bottom:15px; }
.cart .ordersummary table tfoot tr:first-child td { border-top:solid 1px #cfd0d1; padding-top:15px; }
.cart .ordersummary table tfoot tr:last-child td {  }
.cart .ordersummary table tr td .edit { color:#316cbe; }

.cart > .content .leftcol { width:640px; }
.cart .cart-item { padding:25px 25px 25px 0; margin-bottom:25px; overflow:hidden; }
.cart .cart-item .cart-item-image { width:150px; float:left; padding:0 0 0 25px; }
.cart .cart-item .cart-item-image img { }
.cart .cart-item .cart-item-info { width:462px; float:left; overflow:hidden; }
.cart .cart-item .cart-item-info .left { float:left; width:345px; }
.cart .cart-item .cart-item-info .right { float:right; }
.cart .cart-item .cart-item-description { border-top:solid 1px #cfd0d1; margin-top:20px; padding-top:20px; }
.cart .cart-item h3 { font-size:20px; padding-bottom:5px; font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-weight:normal; color:#484b50; }
.cart .cart-item h3:hover { text-decoration:none; opacity:0.7; color:#484b50; }
.cart .cart-item .price { font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-size:20px; color:#e26f99; font-weight:500; }
.cart .cart-item .item-title { text-decoration:none; color:#484b50; }


/* template download section */
.downloadsection a { color:#316cbe; }
.downloadsection header { margin-bottom:20px !important; }
.downloadsection .downloadsection-item { padding:25px; margin-bottom:25px; overflow:hidden; background:#f0f1f2; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.downloadsection .downloadsection-item:last-child { margin-bottom:0; }
.downloadsection .downloadsection-item .downloadsection-item-image { width:140px; float:left; }
.downloadsection .downloadsection-item .downloadsection-item-image img { max-width:120px; }
.downloadsection .downloadsection-item .downloadsection-item-info { width:718px; float:left; overflow:hidden; }
.downloadsection .downloadsection-item .downloadsection-item-info .left { float:left; width:545px; }
.downloadsection .downloadsection-item .downloadsection-item-info .right { float:right; text-align:right; }
.downloadsection .downloadsection-item .downloadsection-item-info .right .button { margin-bottom:8px; }
.downloadsection .downloadsection-item .downloadsection-item-description { border-top:solid 1px #cfd0d1; margin-top:20px; padding-top:20px; }
.downloadsection .downloadsection-item h3 { font-size:20px; padding-bottom:5px; font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-weight:normal; color:#333; }
.downloadsection .downloadsection-item .price { font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-size:20px; color:#1d9b53; }
.downloadsection .downloadsection-item .item-title { color:#333; text-decoration:none; }

/* boutique home */
.boutiquehome .filtergroupwrapper { border-bottom:solid 1px #cfd0d1; margin-bottom:25px; padding-bottom:15px; }
.boutiquehome .filtergroupwrapper.last { border-bottom:0; margin-bottom:0; }
.boutiquehome .leftcol { float:left; width:726px; } 
.boutiquehome .rightcol { float:right; width:234px; }
.boutiquehome .grouplist li { float:left; margin-right:30px; text-align:center; padding-bottom:20px; }
.boutiquehome .grouplist img { display:block; margin:0 auto; }

.boutiquehome .grouplist.occasions li a { border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.boutiquehome .grouplist.occasions li a, .boutiquehome .grouplist.categories li a { color:#333; }
.boutiquehome .grouplist.occasions li:nth-child(3n+3) { margin-right:0; }
.boutiquehome .grouplist.occasions h3 
{
    background:#e8e9ea;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    font-family: 'montserrat',Arial,Helvetica,Sans-Serif;
    font-size: 17px;
    font-weight: 400;
    margin: -13px 15px 0;    
    padding: 6px;
    position: relative;
    z-index: 1;
}
.boutiquehome .grouplist.occasions a:hover {
    color:#e26f99;
}
.boutiquehome .grouplist.categories li { width:210px; }
.boutiquehome .grouplist.categories li:nth-child(5n+5) { margin-right:0; }
.boutiquehome .grouplist.categories li a div.imagewrapper { display:block; margin-bottom:10px; background:#fff; border:solid 1px #cfd0d1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-bottom:15px; }


.boutiquehome .grouplist.designers li { width:274px; margin-right:40px; text-align:left; }
.boutiquehome .grouplist.designers li:nth-child(3n+3) { margin-right:0; }
.boutiquehome .grouplist.designers img { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom:15px; }


/* boutique checkout */
.templatetermsofuse { height:300px; overflow-y:scroll; overflow-x:hidden; background:#f2f2f2; }
.templatetermsofuse h2 { font-size:14px; padding-bottom:8px; }
.templatetermsofuse h3 { font-size:14px; padding-bottom:8px; }


/* other */
.page-title-back-button {
    display:inline-block;padding:3px 0;margin-bottom: 15px;font-weight: 500;text-transform: uppercase; font-size:15px;
}


/**************************************************************************/
/*                            SLIDING MENU                                */
/**************************************************************************/

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    padding: 15px;
    margin: 10px 0;
}

.lavaLamp > li {
    margin:0 5px;
    padding:0;
}
 
/* Represents the background of the highlighted menu-item. */
.lavaLamp > li.backLava {
    background: #e26f99;
    width: 9px; height: 2px !important;
    z-index: 8;
    position: absolute;
    padding:0;
    top:auto !important;
    bottom:15px !important;
    margin:0;
} 

/* Styles for each menu-item. */    
.lavaLamp > li > a {
    position: relative;
    z-index: 10;
}

@media (max-width: 667px) {
    .lavaLamp > li {
        display: inline-block;    
        float:none;
    }
}



/**************************************/
/********   IMAGE WORKFLOW  ***********/
/**************************************/   
        
/* organizer global */
.organizer * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:14px; }        
.organizer-header-main h1 {
    font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:600;
    max-width:360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
    margin-bottom:0;
}

.organizer-header-main.ig h1 { position:absolute; top:11px; }

.organizer-header-main.ig h1 .projectname {
    font-family:'montserrat',Arial, Helvetica, Sans-Serif; font-weight:normal;
    max-width:380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
    font-size:21px;
}
.organizer-header-main.ig h1 .projecttype {
    font-size:16px;
    color:#888888;
}
        
/* organizer header */
.organizer-header-main.ig { height:79px; }
.organizer-header-wrapper { }
.organizer-header-wrapper.stuck { position:fixed; width:100%; top:0; z-index:100; }
.organizer-header-main { background:#fff; border-bottom:#dddddd; box-shadow:0 1px 2px 0 rgba(0,0,0,.1); position:relative; z-index:2; }
.organizer-header-main .content { padding:25px 0; width:960px; margin:0 auto; position:relative; }
.organizer-header-menu { position:absolute; top:22px; right:0; }
.organizer-header-menu div.button { display:inline-block; margin-left:3px; }
/*
.organizer-header-wrapper.stuck:after {            
    content:url(../images/imageworkflow/organizer-header-controls-stuck-bg.png);
    display: block;
    margin:0 auto;
    text-align:center;
}
*/
        
.organizer-header-controls { position:relative; z-index:1; background:#E9E9E9; border-bottom:solid 1px #cccccc; }
.organizer-header-controls .content { position:relative; width:960px; margin:0 auto; padding:12px 0; }        
.organizer-header-controls .content .left div { vertical-align:middle; }
.organizer-header-controls .imagecount { position:absolute; top:13px; right:0; color:#666666; font-family:'montserrat',Arial,Sans-Serif; letter-spacing:0.02; }
.organizer-header-controls .imagecount .numselected { color:#1d9b53; }
.organizer-header-controls .verticaldivider { display:inline-block; line-height:21px; padding:0 10px 0 0; color:#bbbbbb; }

.organizer-header-controls.stuck { position:fixed; top:65px; }
.organizer-header-controls.ig .content { padding:0; height:48px; }        
.organizer-header-controls.ig .content .left { height:48px; }
.organizer-header-controls.ig .content .left .control-group { border-right:solid 1px #cccccc; float:left; margin-right:15px; height:48px; font-size:14px; }
.organizer-header-controls.ig .content .left .control-group.last { border-right:0; }
.organizer-header-controls.ig .content .left input[type="text"], .organizer-header-controls.ig .content .left select { padding:6px; }
.organizer-header-controls.ig .content .left .control { margin-top:14px; }
.organizer-header-controls.ig .content .left .tourwrapper { margin:8px 19px 0 19px; border-top:solid 1px #cfd0d1; }
.organizer-header-controls.ig .content .left .tourwrapper a { font-size:12px; color:#777777; margin:10px 0 7px 0; padding:0; display:block; cursor:pointer; }
.organizer-header-controls.ig .content .left .tourwrapper a:hover { background:transparent; color:#316cbe; }

.organizer-header-controls.ig.stuck .content { padding:14px 0 14px 0; }
.organizer-header-controls.ig.stuck .imagecount { top:29px; }


/* adding images selection and dbb empty div */
.dbbgetstarted { padding:50px 0 80px 0; }
.dbbgetstarted h2 { font-family:'montserrat',arial,helvetica,sans-serif; font-size:20px; text-align:center; font-weight:600; padding-bottom:25px; }
.dbbgetstarted .buttonwrapper { width:753px; margin:0 auto; overflow:hidden; }
.dbbgetstarted .button { width:340px; }

.dbbaddimages .buttonwrapper { width:653px; margin:0 auto; overflow:hidden; padding:15px 0; }
.dbbaddimages .button { width:290px; }

        
/* organizer */ 
/* .organizer-gallery-wrapper { width:990px; margin:0 auto; padding-left:15px; padding-top:12px; } */
.organizer-gallery-wrapper { padding-top:12px; } /* V2 */

/* thumbnail parent - has box shadow */  
.organizer-gallery .thumbnailparent {
    float:left;
    cursor:move;
    position:relative;
    overflow:hidden;
    margin:0 14px 14px 0;
    background:#fff;
    width:180px; height:180px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    border:solid 1px #cfd0d1;
    border-radius:3px;   
    background-color:#fff;          
    left:0; right:0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;      
}

/* thumbnail - has background image */
.organizer-gallery .thumbnailparent .thumbnail 
{
    width:178px; height:178px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
    background-position:center center;
    background-repeat:no-repeat;    
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;        
}

/* blue border */
.organizer-gallery .thumbnailparent .selectedthumbnailborder 
{
    position:absolute; z-index:1; width:178px; height:178px; background:transparent;
    border:solid 0 #4e7ad4;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;  
}

/* max width for original aspect ratio */
.organizer-gallery .thumbnailparent img { max-width:100%; }

/* rotate and delete */
.organizer-gallery .thumbnailparent .image-controls 
{
    position:absolute;
    z-index:2;
    bottom:10px;
    right:10px;
    display:none;
}
.organizer-gallery .thumbnailparent:hover .image-controls { display:block; }        


/* feature photo icon */
.organizer-gallery .thumbnailparent .featurephoto-thumbnail
{
    position:absolute;
    z-index:2;
    top:10px;
    left:10px;    
    display:none;
}

/*.organizer-gallery > .thumbnailparent:first-child .featurephoto-thumbnail { display:block; }*/

/*blue border */           
.organizer-gallery .thumbnailparent.selected .selectedthumbnailborder    
{
    box-shadow:inset 0 -1px 0 0 rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(0,0,0,0.3);     
    border:solid 8px #4e7ad4;    
}

/* if selected and square */
.organizer-gallery .thumbnailparent .thumbnail.square {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

/* if selected and square then make sure image does scale it's width down  */
.organizer-gallery .thumbnailparent .thumbnail.square img { max-width:none !important; }


.organizer-gallery .thumbnailparent.isdragging { border:solid 1px #bbbbbb !important; background-color:#dddddd !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; }
.organizer-gallery .thumbnailparent.isdragging .selectedthumbnailborder { display:none; }
.organizer-gallery .thumbnailparent.isdragging .thumbnail { background-image:none !important; }
.organizer-gallery .thumbnailparent.isdragging .featurephoto-thumbnail { display:none; }
.organizer-gallery .thumbnailparent.isdragging:hover .image-controls { display:none !important; }

.organizer-gallery .thumbnailparent.dropbefore
{    
    left:-25px;
    right:auto;
    z-index:2;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);
    border:solid 1px #bbbbbb;
}

.organizer-gallery .thumbnailparent.dropafter
{    
    right:-25px;
    left:auto;
    z-index:2;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);
    border:solid 1px #bbbbbb;
}

/* empty thumb */

.organizer-gallery .thumbnailparent.thumbnailplaceholder { background:#fff url(../images/imageworkflow/dbbs/thumbnailplaceholder.jpg) no-repeat center center; }

/* .organizer-gallery .thumbnailparent .image-selector { position:absolute; z-index:1; top:10px; right:10px; display:none; } */
/* .organizer-gallery .thumbnailparent:hover .image-selector { display:block; } */        
/* .organizer-gallery .thumbnailparent.selected .image-selector { display:block; top:3px; right:3px; } */
/* .organizer-gallery .thumbnailparent.selected .image-controls { bottom:3px; right:3px; } */
/* .organizer-gallery .thumbnailparent.dropbefore { position:relative; left:-25px; -webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); } */
/* .organizer-gallery .thumbnailparent.dropafter { position:relative; right:-25px; -webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); } */

/* dragging single image */
.singleselectdrag { width:180px; height:180px; z-index:9999; background-repeat:no-repeat; background-position:center center; background-color:#fff; border-radius:3px; border:solid 8px #4E7AD4;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.singleselectdrag.square {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

/* dragging multiple images */
.multiselectdrag { width:180px; height:190px; }
.multiselectdrag.square .inner {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);   
}
.multiselectdrag .inner { width:180px; height:180px; position:absolute; border:solid 1px #bbbbbb; z-index:4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-repeat:no-repeat; background-position:center center; background-color:#fff;
    -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;    
}
.multiselectdrag .imagecount { cursor:default; position:absolute; top:10px; right:10px; }
.multiselectdrag .layer1 { background:#ffffff; width:178px; height:178px; position:absolute; top:4px; left:1px; z-index:3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px #bbbbbb;
    -moz-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}        
.multiselectdrag .layer2 { background:#ffffff; width:176px; height:176px; position:absolute; top:8px; z-index:2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px #bbbbbb; left:2px;
    -moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);   
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);      
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);                        
}

        
/* linkbuttons with icons */
.iconlinkbutton { font-family:'montserrat',Arial,Sans-Serif; letter-spacing:0.02; font-size:14px; color:#666666; display:inline-block; margin-right:10px; overflow:hidden; line-height:21px; cursor:pointer; }
.iconlinkbutton i { float:left; width:23px; height:21px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat; }
.iconlinkbutton.enabled { color:#666666; }
.iconlinkbutton:hover { color:#e26f99; }
.iconlinkbutton.disabled { color:#aaaaaa; cursor:default; }
.iconlinkbutton.disabled:hover { color:#aaaaaa; }
        
.iconlinkbutton.delete i { background-position:0 0; }
.iconlinkbutton.delete:hover i { background-position:0 -30px; }
.iconlinkbutton.delete.disabled i { background-position:0 -60px; }

.iconlinkbutton.undo i { background-position:-27px 0; }
.iconlinkbutton.undo:hover i { background-position:-27px -30px; }
.iconlinkbutton.undo.disabled i { background-position:-27px -60px; }

.iconlinkbutton.selectall i { background-position:0 -190px; }
.iconlinkbutton.selectall:hover i { background-position:0 -220px; }

.iconlinkbutton.selectnone i { background-position:-27px -190px; }
.iconlinkbutton.selectnone:hover i { background-position:-27px -220px; }

.iconlinkbutton.rotate i { background-position:-27px -251px; }
.iconlinkbutton.rotate:hover i { background-position:-27px -281px; }
.iconlinkbutton.rotate.disabled i { background-position:-27px -311px; }

.iconlinkbutton.tour i { background-position:-214px -164px; }
.iconlinkbutton.tour:hover { text-decoration:none; }
.iconlinkbutton.tour:hover i { background-position:-214px -204px; }
.iconlinkbutton.tour.disabled i { background-position:-214px -244px;  }

.iconlinkbutton.prev i { background-position:-248px -165px; }
.iconlinkbutton.prev:hover i { background-position:-283px -165px; }

.iconlinkbutton.dropdown { line-height:auto; }
.iconlinkbutton.dropdown i { float:none; display:inline-block; width:16px; height:12px; background-position:-321px -168px; margin-left:3px; }
.iconlinkbutton.dropdown:hover i { background-position:-321px -208px; }

       
/* buttons with icons */
.iconbutton { padding:4px 6px; }
.iconbutton i { float:left; width:23px; height:21px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat; }
.iconbutton.enabled { color:#666666; }
.iconbutton.enabled:hover { color:#e26f99; }
.iconbutton.disabled { color:#bbbbbb; cursor:default; }
        
.iconbutton.delete i { background-position:0 0; }
.iconbutton.delete:hover i { background-position:0 -30px; }
.iconbutton.delete.disabled i { background-position:0 -60px; }
.iconbutton.rotate i { background-position:-25px -251px; }
.iconbutton.rotate:hover i { background-position:-25px -281px; }
.iconbutton.rotate.disabled i { background-position:-25px -311px; }

.iconbutton.zoom i { background-position:0 -251px; }
.iconbutton.zoom:hover i { background-position:0 -281px; }

.iconbutton.dropdown i { float:none; display:inline-block; background-position:-321px -169px; }
.iconbutton.dropdown:hover i { background-position:-321px -209px; }


/* plain text linkbuttons */
.linkbutton { font-family:'montserrat',Arial,Sans-Serif; letter-spacing:0.02; font-size: 14px; line-height: 21px; color: #666666; cursor: pointer; display: inline-block; margin-right: 15px; overflow: hidden; }
.linkbutton.light, .linkbutton.light a { color:#aaaaaa; }
.linkbutton.dark, .linkbutton.dark a { color:#666666; }
.linkbutton:hover { color:#e26f99; }
.linkbutton.disabled { color:#aaaaaa; cursor:default; }
.linkbutton.disabled:hover { color:#aaaaaa; }

/* lightbox nav */
.lightboxnav .navitem i { float:left; width:36px; height:32px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat; }
.lightboxnav .navitem { color:#999999; line-height:30px; cursor:pointer; }
.lightboxnav .navitem:hover { color:#484b50; }
.lightboxnav .navitem.selected { color:#484b50; }

.lightbox .lightboxnav.horizontal { overflow:hidden; padding-bottom:15px; }
.lightbox .lightboxnav.horizontal div { float:left; margin-right:22px; color:#666666; font-weight:600;}
.lightbox .lightboxnav.horizontal div.selected { color:#e26f99; } 

/* social media lightbox nav */
.lightbox .lightboxnav.horizontal div.email { margin-right:18px; }
.lightboxnav .navitem.email i { background-position:-132px 0; margin-right:3px; }
.lightboxnav .navitem.email:hover i { background-position:-132px -40px; }
.lightboxnav .navitem.email.selected i { background-position:-132px -40px; }

.lightboxnav .navitem.facebook i { background-position:-168px 0; width:32px; }
.lightboxnav .navitem.facebook:hover i { background-position:-168px -40px; }
.lightboxnav .navitem.facebook.selected i { background-position:-168px -40px; }

.lightboxnav .navitem.twitter i { background-position:-207px 0; }
.lightboxnav .navitem.twitter:hover i { background-position:-207px -40px; }
.lightboxnav .navitem.twitter.selected i { background-position:-207px -40px; }

.lightboxnav .navitem.googleplus i { background-position:-243px 0; }
.lightboxnav .navitem.googleplus:hover i { background-position:-243px -40px; }
.lightboxnav .navitem.googleplus.selected i { background-position:-243px -40px; }

.lightboxnav .navitem.pinterest i { background-position:-278px 0; }
.lightboxnav .navitem.pinterest:hover i { background-position:-278px -40px; }
.lightboxnav .navitem.pinterest.selected i { background-position:-278px -40px; }

.lightboxnav .navitem.basicsettings i { background-position:-132px -80px; }
.lightboxnav .navitem.basicsettings:hover i { background-position:-132px -120px; }
.lightboxnav .navitem.basicsettings.selected i { background-position:-132px -120px; }

.lightboxnav .navitem.appicon i { background-position:-168px -80px; }
.lightboxnav .navitem.appicon:hover i { background-position:-168px -120px; }
.lightboxnav .navitem.appicon.selected i { background-position:-168px -120px; }

.lightboxnav .navitem.theme i { background-position:-207px -80px; }
.lightboxnav .navitem.theme:hover i { background-position:-207px -120px; }
.lightboxnav .navitem.theme.selected i { background-position:-207px -120px; }

.lightboxnav .navitem.globalsettings i { background-position:-243px -80px; }
.lightboxnav .navitem.globalsettings:hover i { background-position:-243px -120px; }
.lightboxnav .navitem.globalsettings.selected i { background-position:-243px -120px; }

.lightboxnav .navitem.features i { background-position:-313px -80px; }
.lightboxnav .navitem.features:hover i { background-position:-313px -120px; }
.lightboxnav .navitem.features.selected i { background-position:-313px -120px; }

.lightboxnav .navitem.chainlink i { background-position:-337px 0; width:32px; }
.lightboxnav .navitem.chainlink:hover i { background-position:-337px -40px; }
.lightboxnav .navitem.chainlink.selected i { background-position:-337px -40px; }

.lightboxnav .navitem.linksandvideo i { background-position:-348px -80px; }
.lightboxnav .navitem.linksandvideo:hover i { background-position:-348px -120px; }
.lightboxnav .navitem.linksandvideo.selected i { background-position:-348px -120px; }

.lightboxnav .navitem.compose i { background-position:-372px 0; width:32px; }
.lightboxnav .navitem.compose:hover i { background-position:-372px -40px; }
.lightboxnav .navitem.compose.selected i { background-position:-372px -40px; }


        
/* icons only */        
.icon { float:left; width:21px; height:21px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat; cursor:pointer; }
.icon.image-wrapper-check { width:32px; height:32px; background-position:-54px 0; }
.icon.image-wrapper-check:hover { width:32px; height:32px; background-position:-54px -40px; }
.icon.image-wrapper-check.selected { width:32px; height:32px; background-position:-54px -40px; }
.icon.orcircle { float:none; width:32px; height:32px; cursor:default; background-position:0 -148px; }
.icon.check { float:left; width:28px; height:20px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat -98px -6px; cursor:default; }
.icon.image-wrapper-star { width:32px; height:32px; background-position:-54px -91px; cursor:move; }
/*
.icon.image-wrapper-star:hover { width:32px; height:32px; background-position:-54px -91px; }
.icon.image-wrapper-star.selected { width:32px; height:32px; background-position:-54px -91px; }
*/
.icon.questionmark { width:32px; height:32px; margin-left:10px; background-position:-132px -160px; text-indent:-5000px; }
.icon.questionmark:hover { background-position: -132px -200px; }
.icon.questionmark.small { width:22px; height:22px; background-position:-132px -242px; text-indent:-5000px; float:none; }
.icon.questionmark.small:hover { background-position: -132px -271px; }
.icon.questionmark.xsmall { width:15px; height:15px; margin-left:4px; background-position:-172px -243px; text-indent:-5000px; float:none; }
.icon.questionmark.xsmall:hover { background-position: -172px -271px; }
.icon.datepicker { width:18px; height:19px; background-position:-61px -191px; text-indent:-5000px; float:none; }
.icon.datepicker:hover { background-position: -61px -221px; }
.icon.sorthandle { width:24px; height:30px; background-position:-281px -240px; text-indent:-5000px; cursor:move; position:absolute; top:0; left:0; }
.icon.sorthandle:hover, .set-item.selected .icon.sorthandle { background-position: -246px -240px; }
/* swap for checkmark on active state */
.set-item.active .icon.sorthandle { width:25px; margin-top:3px; height:20px; background-position:-96px -135px; cursor:default; }         

.icon.folder { width:24px; height:24px; background-position:-28px -90px; text-indent:-5000px; cursor:move; position:absolute; top:3px; left:5px; }
.icon.folder:hover, .set-item.selected .icon.folder, .set-item.active .icon.folder { background-position: -28px -90px; }

.icon.dropdown { float:none; display:inline-block; width:16px; height:12px; background-position:-321px -169px; }
.icon.dropdown:hover { background-position:-321px -209px; }

.icon.zoomimage-prev { float:none; display:block; width:48px; height:67px; background-position:-349px -156px; position:fixed; top:50%; left:20px; margin-top:-24px; text-indent:-5000px; z-index:30000; opacity:0.5; filter: alpha(opacity=50); }
.icon.zoomimage-prev:hover { opacity:1; filter: alpha(opacity=100); }
.icon.zoomimage-next { float:none; display:block; width:48px; height:67px; background-position:-397px -156px; position:fixed; top:50%; right:20px; margin-top:-24px; text-indent:-5000px; z-index:30000; opacity:0.5; filter: alpha(opacity=50); }
.icon.zoomimage-next:hover { opacity:1; filter: alpha(opacity=100); }
.icon.zoomimage-prev, .icon.zoomimage-next 
{
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -ms-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

        
/* buttongroup styles */
.buttongroup div { border:solid 1px rgba(0, 0, 0, 0.35); border-right:0; border-radius:0; }
.buttongroup div:first-child { border:solid 1px rgba(0, 0, 0, 0.35); border-right:0; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; }
.buttongroup div:last-child { border:solid 1px rgba(0, 0, 0, 0.35); -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; }

/* uploading */
.selecteventsitelightbox .contentwrapper .contentheader { overflow:hidden; font-size:14px; font-weight:600; background:#fff; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; }
.lightbox.default.selecteventsitelightbox .contentwrapper .content { max-height:225px; overflow-y:scroll; overflow-x:hidden; font-size:14px; margin-top:0; }
.lightbox.default.selecteventsitelightbox .contentwrapper.emptydataset .content { padding:100px 20px; font-weight:bold; overflow-y:auto; text-align:center; }
.column-eventname { float:left; width:353px; padding:15px; }
.column-eventdate { float:left; width:140px; padding:15px; }
.column-selectevent { float:left; width:100px; padding:15px; }
.eventrow { overflow:hidden; border-bottom:solid 1px #cfcfcf; padding:8px 0;}
.eventrow .eventname { float:left; width:353px; padding:8px 15px; }
.eventrow .eventdate { float:left; width:140px; padding:8px 15px; }
.eventrow .selectevent { float:left; width:100px; }

/* custom tooltip widths */
#btnuploadcontinue + .popover .popover-content { width:260px; } /* wider tooltip */
#TB_NewDBB_AltPassword + .popover .popover-content { width:220px; } /* wider tooltip */

/* select event site lightbox */
.uploadingprogresslightbox .contentwrapper .contentheader { overflow:hidden; font-size:14px; background:#fff; font-weight:600; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; }
.lightbox.default.uploadingprogresslightbox .contentwrapper .content { max-height:225px; overflow-y:scroll; overflow-x:hidden; font-size:14px; margin-top:0; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; }
.column-fileprogress { float:left; width:40px; }
.column-filename { float:left; width:440px; padding:15px 15px 15px 0; }
.column-filesize { float:left; width:185px; padding:15px 15px 15px 0; }
.column-removefile { float:left; width:45px; }
.file { border-bottom:solid 1px #cfcfcf; overflow:hidden; line-height:50px; }
.file .check { float:left; width:40px; height:40px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat -91px 0; margin-top:9px; }
.file .uploading { float:left; width:40px; height:37px; margin-top:12px; }
.file .uploading img { display:block; margin:0 auto; }
.file .filename { float:left; width:440px; }
.file .filesize { float:left; width:185px; }
.file .removefile { float:left; width:35px; height:35px; background:url(../images/assets/sprite-icons.png?version=3) no-repeat -91px -40px; cursor:pointer; margin-top:8px; }
.file .removefile:hover { background-position:-91px -80px; }

/* select images from event site lightbox */
.selectimageslightbox > section > header { -moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; }
.selectimageslightbox .organizer-header-controls { margin-bottom:15px; background:transparent; }
.lightbox.selectimageslightbox .organizer-header-controls .content { background:transparent; width:auto; margin:0 15px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.selectimageslightbox .yellowwrapper { margin-right:15px; margin-left:15px; margin-bottom:5px; }
.selectimageslightbox .contentwrapper { padding:0; }
.selectimageslightbox .eventsitecategories { float:left; width:200px; min-height:400px; background:#fff; padding:15px 20px; }
.selectimageslightbox .eventsitecategories li a { display:block; line-height:22px; overflow:hidden; color:#999999; margin-bottom:5px; font-size:13px; font-weight:600; }
.selectimageslightbox .eventsitecategories li a i { background:url(../images/assets/sprite-icons.png?version=3) no-repeat -27px -91px; float:left; width:25px; height:21px; }
.selectimageslightbox .eventsitecategories li a.allphotos i { background-position:0 -91px; }
.selectimageslightbox .eventsitecategories li a.category i { background-position:-27px -91px; }
.selectimageslightbox .eventsitecategories li a.allphotos:hover i { background-position:0 -121px; }
.selectimageslightbox .eventsitecategories li a.category:hover i { background-position:-27px -121px; }
.selectimageslightbox .eventsitecategories li a.selected { color:#484b50; }
.selectimageslightbox .eventsitecategories li a.allphotos.selected i { background-position:0 -121px; }
.selectimageslightbox .eventsitecategories li a.category.selected i { background-position:-27px -121px; }
.selectimageslightbox .gallery-wrapper { margin:0 auto; float:left; width:720px; height:400px; overflow-x:hidden; overflow-y:scroll; background:#ededed; -moz-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.2); box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.2); }        
.selectimageslightbox .gallery-wrapper .thumbnailparent {
    float:left;
    cursor:pointer;
    position:relative; overflow:hidden; margin:0 14px 14px 0; background:#fff;
    width:158px; height:158px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    border:solid 1px #dddddd;
    border-radius:3px;    
}
.selectimageslightbox .gallery-wrapper .thumbnailparent .thumbnail 
{
    width:158px; height:158px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#fff;
}
.selectimageslightbox .gallery-wrapper .thumbnailparent img { max-width:100%; }
.selectimageslightbox .gallery-wrapper .thumbnailparent.selected .image-controls { bottom:3px; right:3px; }

.selectimageslightbox .gallery-wrapper .thumbnailparent .selectedthumbnailborder 
{
    position:absolute; z-index:1; width:156px; height:156px; background:transparent;
    border:solid 0 #4e7ad4;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;  
}
            
.selectimageslightbox .gallery-wrapper .thumbnailparent.selected .selectedthumbnailborder    
{
    box-shadow:inset 0 -1px 0 0 rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(0,0,0,0.3);     
    border:solid 8px #4e7ad4;    
}

/* settings lightbox - app icon */
.appiconlist { position:relative; padding:25px 0 20px 20px; }
.addnewappicon { float:left; margin-right:20px; margin-bottom:20px; border:dashed 3px #cfcfcf; border-radius:3px; background:#fff; width:100px; height:100px; padding-top:31px; text-align:center; color:#b0b0b0; font-weight:600; cursor:pointer; }
.appiconthumbnail { position:relative; float:left; margin-bottom:20px; border:solid 1px #cfd0d1; width:100px; height:100px; border-radius:3px; margin-right:20px; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); cursor:pointer; }
.appiconthumbnail.selected { border:solid 5px #4e7ad4; }
.appiconimagewrapper {
    width:63px; height:63px; margin:18px auto 0 auto;
    background:#ffffff; 
    padding:3px;
    position:relative;
}
.appiconthumbnail.selected .appiconimagewrapper { margin:14px auto 0 auto; }
.appiconimagewrapper img { max-width:57px; max-height:57px; position:relative; z-index:2; margin:0 auto; display:block; }
.appiconimagewrapper .appiconmask { z-index:3; width:63px; height:63px; position:absolute; top:0; left:0; background:url(../images/imageworkflow/dbbs/appicon-mask.png) no-repeat 0 0; }
.appiconimagewrapper .appiconbase { position:absolute; width:61px; height:61px; z-index:1; background:#000; top:1px; left:1px; }
.appiconthumbnail .iconclosemodal { position:absolute; width:35px; height:35px; top:20px; right:18px; background:url(../images/assets/sprite-closemodal-flat-2.png) 0 0 no-repeat; cursor:pointer; z-index:2; background-color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.appiconthumbnail.selected .iconclosemodal { top:-20px; right:-20px; }

.appiconuploadpreviewwrapper { width:110px; padding:5px; float:left; margin-right:20px; }
.appiconplaceholder { width:100px; height:100px; background:#fff url(../images/imageworkflow/dbbs/thumbnailplaceholder-small.jpg) no-repeat center center; }
.appiconuploadcontent { float:left; width:437px; }  

/* settings lightbox - theme */
.lightbox .dbbthemes .left { width:505px; float:left; overflow-y:scroll; height:495px; position:relative; }
.lightbox .dbbthemes .left .formsection { padding-left:20px; }
.lightbox .dbbthemes .left .formsectioncontent { width:315px; }
.lightbox .dbbthemes .left .content { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.lightbox .dbbthemes .left section { border-bottom:solid 1px #cfd0d1; padding-bottom:20px; }
.lightbox .dbbthemes .right { width:282px; float:left; border-left:solid 1px #cfd0d1; }
.lightbox .dbbthemes .left h3 { padding:20px 20px 5px 20px; }
.customswatch { float:left; margin-right:5px; width:45px; height:30px; position:relative; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #cfd0d1; background-clip:padding-box !important; }
.lightbox .dbbthemes .left .customtheme label { width:215px; padding-top:6px; }
.lightbox .dbbthemes .left .customtheme input[type=text] { padding:6px 6px 7px 6px; }

.themeswatches { margin-left:-1px; }
.themeswatches li { float:left; width:51px; height:38px; position:relative; }
.themeswatches .swatch { cursor:pointer; position:absolute; top:4px; left:4px; width:45px; height:30px; text-indent:-5000px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #cfd0d1; background-clip:padding-box !important; }
.themeswatches .swatch:hover { width:49px; height:33px; top:2px; left:2px; }

.themeswatches .swatch.hex-000000, .dbbpreview.hex-000000 .headingwrapper { background:#000000; } /* black */
.themeswatches .swatch.hex-1e1e1e, .dbbpreview.hex-1e1e1e .headingwrapper { background:#1e1e1e; } /* gray 1 */
.themeswatches .swatch.hex-4e4e4e, .dbbpreview.hex-4e4e4e .headingwrapper { background:#4e4e4e; } /* gray 2 */
.themeswatches .swatch.hex-7a7a7a, .dbbpreview.hex-7a7a7a .headingwrapper { background:#7a7a7a; } /* gray 3 */
.themeswatches .swatch.hex-b4b4b4, .dbbpreview.hex-b4b4b4 .headingwrapper { background:#b4b4b4; } /* gray 4 */
.themeswatches .swatch.hex-ffffff, .dbbpreview.hex-ffffff .headingwrapper { background:#ffffff; color:#404040; } /* white */
.themeswatches .swatch.hex-625843, .dbbpreview.hex-625843 .headingwrapper { background:#625843; } /* brown 1 */
.themeswatches .swatch.hex-a7997e, .dbbpreview.hex-a7997e .headingwrapper { background:#a7997e; } /* brown 2 */
.themeswatches .swatch.hex-128cb4, .dbbpreview.hex-128cb4 .headingwrapper { background:#128cb4; } /* teal */
.themeswatches .swatch.hex-1264b5, .dbbpreview.hex-1264b5 .headingwrapper { background:#1264b5; } /* blue 1 */
.themeswatches .swatch.hex-a4c4ff, .dbbpreview.hex-a4c4ff .headingwrapper { background:#a4c4ff; color:#0f316f;  } /* baby blue */
.themeswatches .swatch.hex-123bb5, .dbbpreview.hex-123bb5 .headingwrapper { background:#123bb5; } /* blue 2 */
.themeswatches .swatch.hex-1212b5, .dbbpreview.hex-1212b5 .headingwrapper { background:#1212b5; } /* blue 3 */
.themeswatches .swatch.hex-3b12b5, .dbbpreview.hex-3b12b5 .headingwrapper { background:#3b12b5; } /* purle 1 */
.themeswatches .swatch.hex-6412b5, .dbbpreview.hex-6412b5 .headingwrapper { background:#6412b5; } /* purple 2 */
.themeswatches .swatch.hex-8c12b5, .dbbpreview.hex-8c12b5 .headingwrapper { background:#8c12b5; } /* magenta 1 */
.themeswatches .swatch.hex-f2b3ff, .dbbpreview.hex-f2b3ff .headingwrapper { background:#f2b3ff; color:#743183; } /* baby pink */
.themeswatches .swatch.hex-b512b5, .dbbpreview.hex-b512b5 .headingwrapper { background:#b512b5; } /* magenta 2 */
.themeswatches .swatch.hex-b5127f, .dbbpreview.hex-b5127f .headingwrapper { background:#b5127f; } /* pink 1 */
.themeswatches .swatch.hex-b51256, .dbbpreview.hex-b51256 .headingwrapper { background:#b51256; } /* pink 2 */
.themeswatches .swatch.hex-cf0a2a, .dbbpreview.hex-cf0a2a .headingwrapper { background:#cf0a2a; } /* red */
.themeswatches .swatch.hex-b52d12, .dbbpreview.hex-b52d12 .headingwrapper { background:#b52d12; } /* orange 1 */
.themeswatches .swatch.hex-d85f08, .dbbpreview.hex-d85f08 .headingwrapper { background:#d85f08; } /* orange 2 */
.themeswatches .swatch.hex-ce8d0c, .dbbpreview.hex-ce8d0c .headingwrapper { background:#ce8d0c; } /* yellow orange */
.themeswatches .swatch.hex-b5a712, .dbbpreview.hex-b5a712 .headingwrapper { background:#c4b50d; } /* green 1 */
.themeswatches .swatch.hex-71b512, .dbbpreview.hex-71b512 .headingwrapper { background:#a5c212; } /* green 2 */
.themeswatches .swatch.hex-46bb0a, .dbbpreview.hex-46bb0a .headingwrapper { background:#46bb0a; } /* green 3 */
.themeswatches .swatch.hex-12b548, .dbbpreview.hex-12b548 .headingwrapper { background:#12b548; } /* green 4 */
.themeswatches .swatch.hex-12b57f, .dbbpreview.hex-12b57f .headingwrapper { background:#12b57f; } /* sea green 1 */
.themeswatches .swatch.hex-12b5a7, .dbbpreview.hex-12b5a7 .headingwrapper { background:#12b5a7; } /* sea green 2 */
.themeswatches .swatch.hex-eaf2e3, .dbbpreview.hex-eaf2e3 .headingwrapper { background:#eaf2e3; color:#87AC4D; } /* light grassy green */
.themeswatches .swatch.hex-cae3e0, .dbbpreview.hex-cae3e0 .headingwrapper { background:#cae3e0; color:#248b7f; } /* mason */
.themeswatches .swatch div { border:0; height:33px; left: 0; position: absolute; top: 0; width:49px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.themeswatches .swatch.selected { width:49px; height:33px; top:3px; left:3px; border:0; } 
.themeswatches .swatch:hover div, .themeswatches .swatch.selected div { border:solid 4px #4e7ad4; height:33px; left:0; position:absolute; top:0; width:49px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.dbbpreview { margin:45px 32px 15px 42px; background:url(../images/imageworkflow/dbbs/sprite-dbb-themepreview.png) 0 bottom no-repeat; width:210px; height:435px; position:relative; }
.dbbpreview .headingwrapper { position:absolute; z-index:2; top:56px; left:22px; width:164px; height:38px; text-align:center; font-weight:bold; color:#fff; padding-top:6px; }
.dbbpreview .thumbnails { position:absolute; z-index:3; top:0; left:0; width:164px; height:217px; background:url(../images/imageworkflow/dbbs/sprite-dbb-themepreview.png) -502px -98px no-repeat; }
.dbbpreview .thumbnailswrapper { background:#d8d8d8; position:absolute; z-index:1; top:94px; left:22px; width:164px; height:252px; }
.dbbpreview .dbbpreviewfooter { position:absolute; z-index:3; top:314px; left:28px; width:150px; height:30px; border-top:solid 1px #9a9a9a; color:#9a9a9a; font-size:9px; text-align:center; padding:8px 0 0 0; }

.dbbpreview.dark .thumbnailswrapper { background:#222222; }
.dbbpreview.dark .dbbpreviewfooter { border-top:solid 1px #666666; color:#666666; }
.dbbpreview .headingwrapper .heading { font-size:9px; }
.dbbpreview .headingwrapper .subheading { font-size:11px; }

/* sharing lightbox */
.lightbox-sharedbb .content .left { float:left; background:#fff; padding-right:20px; width:200px; }
.lightbox-sharedbb .content .left img { max-width:180px; }
.lightbox-sharedbb .content .right { float:left; width:500px; }

/* payment lightbox (has some duplicate styles as accessplans */
.lightbox.payment .expirationdate select { width:90px; }
.lightbox.payment .accountcredit .input-prepend { margin-bottom:0; }
.lightbox.payment .accountcredit .availableaccountcredit { display:inline-block; color:#909090; margin-left:10px; }
.lightbox.payment .accountcredit .availableaccountcredit span { color:#1c884a; font-weight:600; }
.lightbox.payment .dbbtotal { text-align:right; font-family:'montserrat', Arial, Sans-Serif; font-size:34px; }
.lightbox.payment .dbbtotal span { color:#1c884a; }
.lightbox.payment .dbbunlimitedcta { width:360px; padding-top:4px; }
	
/* preview lightbox */
.dbb-preview-wrapper { position:relative; background:url(../images/imageworkflow/dbbs/dbb-iphonepreview.png) no-repeat 0 0; width:799px; height:418px; margin:0 auto; }
.dbb-preview-content { position:absolute; width:568px; height:320px; background:#232323; top:29px; left:118px; overflow-y:hidden; }
.dbb-preview-loading { display:none; position:absolute; width:40px; height:40px; left:50%; top:50%; margin-left:-20px; margin-top:-20px; }

/* upload lightbox */
#DV_Uploader_Wrapper { background:url(../images/assets/stripes-gray.png) repeat 0 0; }
#DV_Uploader_Wrapper_ImageGalleries { background:url(../images/assets/stripes-gray.png) repeat 0 0; }
.lightbox.uploadgallery { height: auto; width: 670px; padding: 12px 11px 118px; }
.lightbox.uploadgallery .aurigmawrapper { padding:6px 6px 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.lightbox.uploadgallery .aurigmawrapper-inner { position: relative; width: 636px; height: 380px; background:#fff; }
.lightbox.uploadgallery .uploadextras > .content { position: absolute; bottom: 0; left: 0; text-align: center; width: 670px; padding-top: 20px; }
.lightbox.uploadgallery .uploadextras > .content .buttonswrapper { padding-bottom:25px; }
.lightbox.uploadgallery .uploadextras > .content .footnote { font-size: 12px; color: #777777; background:#ececec; padding:10px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
#DV_Uploader .redwrapper { text-align:center; padding:10px; margin-bottom:10px; }

/* fulfillment lightbox */
.lightbox.fulfillment .col { padding:20px; margin-right:20px; margin-top:0 !important; width:260px; float:left; height:415px; text-align:center; position:relative; }
.lightbox.fulfillment .col3 { margin-right:0; }
.lightbox.fulfillment img { display:block; margin:0 auto 15px auto; }
.lightbox.fulfillment h3 { margin-bottom:15px; }
.lightbox.fulfillment p { text-align:left; }
.lightbox.fulfillment .button { width:130px; position:absolute; left:50%; margin-left:-65px; bottom:25px; }

/* custom scrolling tables */
.contentwrapper .contentheader { overflow:hidden; font-size:14px; background:#fff; font-weight:600; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; }
.contentwrapper .content.scrolling { max-height:225px; overflow-y:scroll; overflow-x:hidden; font-size:14px; margin-top:0 !important; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; }
.custom-table .custom-table-row { border-bottom:solid 1px #cfcfcf; overflow:hidden; line-height:21px; }
.custom-table .custom-table-row .custom-table-row-inner > div { float:left; padding:15px 15px 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.custom-table .custom-table-header .custom-table-header-inner > div { float:left; padding:15px 15px 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.custom-table .custom-table-row .custom-table-row-inner > div:first-child { padding:15px; }
.custom-table .custom-table-header .custom-table-header-inner > div:first-child { padding:15px; }
.custom-table .custom-table-row div.right { text-align:right; }
.custom-table .emptydataset { padding:70px 30px; text-align:center; }
.custom-table-row-inner, .custom-table-header-inner { display:table-row; }

/* custom event types */
.custom-table-event-types .column-name { width:520px; }
.custom-table-event-types .column-delete { width:70px; }
.custom-table-event-types .column-edit { width:60px; }
.custom-table-event-types .custom-table-row .name { width:520px; }
.custom-table-event-types .custom-table-row .delete { width:70px; }
.custom-table-event-types .custom-table-row .edit { width:60px; }

/* photo credits */
.custom-table-photo-credits .column-email { width:280px; }
.custom-table-photo-credits .column-total { width:100px; }
.custom-table-photo-credits .column-balance { width:100px; }
.custom-table-photo-credits .column-view { width:55px; }
.custom-table-photo-credits .column-edit { width:55px; }
.custom-table-photo-credits .custom-table-row .email { width:280px; }
.custom-table-photo-credits .custom-table-row .total { width:100px; }
.custom-table-photo-credits .custom-table-row .balance { width:100px; }
.custom-table-photo-credits .custom-table-row .view { width:55px; }
.custom-table-photo-credits .custom-table-row .edit { width:55px; }

/* photo credit history */
.custom-table-photo-credits .column-ordernumber { width:120px; }
.custom-table-photo-credits .column-date { width:120px; }
.custom-table-photo-credits .column-ordertotal { width:230px; }
.custom-table-photo-credits .column-creditused { width:120px; }
.custom-table-photo-credits .custom-table-row .ordernumber { width:120px; }
.custom-table-photo-credits .custom-table-row .date { width:120px; }
.custom-table-photo-credits .custom-table-row .ordertotal { width:230px; }
.custom-table-photo-credits .custom-table-row .creditused { width:120px; }


/* shipping charges */
.custom-table-shipping-charges .column-name { width:295px; }
.custom-table-shipping-charges .column-domestic { width:110px; }
.custom-table-shipping-charges .column-international { width:110px; }
.custom-table-shipping-charges .column-delete { width:75px; }
.custom-table-shipping-charges .column-edit { width:55px; }
.custom-table-shipping-charges .custom-table-row .name { width:295px; }
.custom-table-shipping-charges .custom-table-row .domestic { width:110px; }
.custom-table-shipping-charges .custom-table-row .international { width:110px; }
.custom-table-shipping-charges .custom-table-row .delete { width:75px; }
.custom-table-shipping-charges .custom-table-row .edit { width:55px; }

/* discounts*/
.custom-table-discounts .column-name { width:100%; }
.custom-table-discounts .custom-table-row .name { width:100%; }

/* embedded links */
.custom-table-embedded-links .column-webaddress { width:400px; }
.custom-table-embedded-links .column-linktext { width:242px; }
.custom-table-embedded-links .column-delete { width:75px; }
.custom-table-embedded-links .column-edit { width:55px; }
.custom-table-embedded-links .custom-table-row .webaddress { width:400px; }
.custom-table-embedded-links .custom-table-row .linktext { width:242px; }
.custom-table-embedded-links .custom-table-row .delete { width:75px; }
.custom-table-embedded-links .custom-table-row .edit { width:55px; }

/* change brand */
.custom-table-change-brand .column-brand-name { width:470px; }
.custom-table-change-brand .column-select { width:120px; }
.custom-table-change-brand .custom-table-row .brand-name { width:470px; padding:10px 15px !important; }
.custom-table-change-brand .custom-table-row .select { width:120px; padding:4px 15px 3px 0 !important;}

/* settings lightbox - feature photo */
.selectfeaturephoto { float:left; margin-bottom:20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; width:70px; height:70px; cursor:pointer; background-size:cover; background-position:center center; }

/* stats lightbox */
.statbox { width:180px; text-align:center; height:180px; padding-top:40px; margin-right:15px; }
.statbox-wrapper.four .statbox { width:180px; height:180px; }
.statbox-wrapper.three .statbox { width:240px; height:180px; }
.statbox.purple { border-top:solid 5px #812b84; }
.statbox.blue { border-top:solid 5px #4e7ad4; }
.statbox.green { border-top:solid 5px #1d9b53; }
.statbox.orange { border-top:solid 5px #e47a16; }
.statbox-wrapper .statbox:last-child { margin-right:0; }
.stat-value { font-size:42px; font-family:'montserrat',arial,sans-serif; }

/****************************************/
/************* ACCESS PLANS *************/
/****************************************/

.packageswrapper h1, .packageswrapper h2, .packageswrapper h3
{
    font-weight: normal;
}
.packageswrapper * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:1.4; }
.packageswrapper {
    min-width: 960px;
    max-width:1140px;
    margin: 0 auto;
    color: #484b50;
    padding-bottom: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height:1.4;
    position:relative;
    min-height:570px;
}

.packageswrapper h1
{
    font-family: 'montserrat' , Arial, Helvetica, Sans-Serif;
    font-size: 27px;
    text-align: center;
    padding: 40px 0;
    margin-bottom:0;
}
.packageswrapper h2, .packageswrapper h3
{
    font-family: 'montserrat' , Arial, Helvetica, Sans-Serif;
}

h2.promotion-name-heading {
    text-align: center;
    margin-top: 30px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 0;
}

h3.promotion-name-subheading {
    text-align:center;padding-bottom: 0;
    font-size: 20px;text-transform: uppercase;font-weight: 500;
    margin-bottom: 0;
}

.packageswrapper p {
    line-height:1.6;
}
.packages { padding-bottom:20px; }
.packages .package
{
    text-align:center;
}
.packages .package .formwrapper {
    text-align:left;
}

.digitalbragbookspackages .package {
    width:31.3%; margin: 0 1%;
}
/*
.digitalbragbookspackages .package:first-child {
    margin-left:0;
}
.digitalbragbookspackages .package:last-child {
    margin-right:0;
}
    */

.packages .package h2 { margin-bottom: 15px; font-size: 23px; font-family: 'montserrat' , Arial, Helvetica, Sans-Serif; }
.packages .package h3 { margin-bottom: 15px; font-size: 17px; }
.packages .package .additionalnote { padding-bottom: 20px; color: #999999; font-size: 13px; font-weight: 500; }
.packages .package .formwrapper { font-weight: 600; border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; padding: 15px 0 7px 0; }
.packages .package .currentplan { font-weight:600; color:#99cc66; }

.packages.two .package { width:48%; margin:1%; }

/*
.packages.two .package:first-child { margin-left:0; }
.packages.two .package:last-child { margin-right:0; }
*/

.packages.one .package { width:100%; }

.package .discountedPrice { color:#e26f99; }
.package .originalPrice { color:#999999; text-decoration:line-through; display:block; }

.packageswrapper .features { margin-bottom:5px; }
.packageswrapper .features h1 { font-size: 29px; padding:40px 0 0 0; text-align:center; }
.packageswrapper .features .content { padding: 0; }
.packageswrapper .formelement { overflow: hidden; padding-bottom: 8px; }        

.currentfeature { display:inline-block; position:relative; }
.currentfeature .content
{
    font-weight:500; font-size:11px;padding:2px 7px;    
    color:#e26f99; border:solid 1px #e26f99;
    -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;      
    display:inline-block;   
    text-transform:uppercase;
}
.selectFeatureRadioButton { padding-left:0; }
.packageswrapper .featureset.onlinehosting { padding:40px 0 50px 0; background:url(../images/access/featureset-onlinehosting.jpg?version=1) no-repeat right 60px; min-height:272px; }
.packageswrapper .featureset.onlinehosting ul { margin-top:20px; }
.packageswrapper .featureset.adminproducts { padding-right:40px; background:url(../images/access/featureset-adminproducts.jpg) no-repeat left 0;  min-height:303px;}
.packageswrapper .featureset.adminproducts ul { margin-top:20px; }
.packageswrapper .featureset { overflow:hidden; font-size:14px; }
.packageswrapper .featureset.digitalbragbooks { padding:40px 0 50px 0; background:url(../images/access/featureset-digitalbragbooks.jpg?version=1) no-repeat right 0; min-height:272px; }
.packageswrapper .featureset.digitalbragbooks ul { margin-top:10px; }

.packages.digitalbragbookspackages h2 { font-size:23px; }
.packages.digitalbragbookspackages .package .button { font-size:18px; padding-left:0; padding-right:0; margin-top:30px; }
.packages.digitalbragbookspackages .package { height:396px; }

.packageswrapper.standalone-package {
    width:auto;
    margin: 0 auto;
    color: #484b50;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height:1.4;
    position:relative;
    background:#fff url('https://www.n-vu.com/images/nvu/corner-cloud-left-nologo.jpg') no-repeat;
    background-position:0 0;
}

.packageswrapper.standalone-package .packages {
    margin-bottom:0;
    padding-bottom:0;
    overflow:hidden;
    display:table;
    min-height:430px;
    margin:15px 15px 5px 15px;
}

.packageswrapper.standalone-package .packages .package {
    margin-right:0;    
    height:auto;
    padding:15px;
    margin-bottom:0;
    display:table-cell;
}

.packageswrapper.standalone-package .packages .package .package-content {
    min-height: 376px;
    border: solid 1px #f0f0f0;
    padding: 25px 25px 0 25px;
    background: #fff;
}

    .lightbox.packageswrapper.standalone-package .packages .package .formwrapper {
        text-align:center;
    }

.packageswrapper.standalone-package .packages .package .formwrapper:last-child {
    border-bottom:0;
}

.packageswrapper.standalone-package .packages .package:last-child {
    border-right:0;
}

.packageswrapper.standalone-package .packages .package .button
{
    position:static;
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;
    text-transform: none;
    padding: 14px 15px;
    margin-top:20px;
    margin-left:0;
}

.lightbox.packageswrapper.standalone-package .packages .package {
    min-width:240px;
    width:320px;
    min-height:400px;
}

.lightbox.packageswrapper.standalone-package {
    min-width:340px;
    min-height:0;
    max-width:none;
}

.packageswrapper.standalone-package .packages .package h2 {
    margin-bottom: 20px;
    font-size: 22px;
}




/****************************************/
/*******   ADDITIONAL SERVICES   ********/
/****************************************/

.formconfirmation { font-size: 14px; padding-bottom: 15px; font-weight: 600; overflow: hidden; }	
.additionalservices .service { padding:0; border:0; margin-bottom:45px; overflow:hidden; }
.additionalservices .serviceimage { width:150px; float:left; }
.additionalservices .serviceinfo { width:100%; padding-left:150px; }
.additionalservices .servicedescription { padding-bottom:20px; font-size:14px; margin-bottom:20px; border-bottom:solid 1px #cfd0d1; line-height:1.6; }
.additionalservices .servicedescription .learnmorewrapper { padding-top:6px; }
.additionalservices .servicedescription .learnmorewrapper a { cursor:pointer; color:#316cbe; display:inline-block; }
.additionalservices .service h2 { font-size:20px; }
.additionalservices .service h3 { font-size:17px; }
.additionalservices .serviceprice { font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-size:22px; color:#e26f99; padding-bottom:10px; }
.additionalservices .serviceactions { overflow:hidden; }
.additionalservices .serviceactions .button { float:left; margin-right:10px; }
.additionalservices .serviceactions .textlink { margin-top:10px; display:inline-block; }
.serviceinfo .servicefee { color:#999999; padding-left:5px; }
.additionalservices .serviceinfo .currentlyhave { font-size:14px; font-weight:600; }
.additionalservices .serviceinfo .currentlyhave div { display:inline; }
.additionalservices .serviceinfo .selectnewplan { padding-top:20px; }


/****************************************/
/*************   CHECKOUT   *************/
/****************************************/

.checkoutworkflow h1 { text-align:center; }
.checkoutworkflow .content { position:relative; } /* padding-top:20px; margin-top:-20px; }*/
.checkoutworkflow .leftcol { width:100%; padding-right:330px; }
.checkoutworkflow > section { position:relative; }


/* order summary */
.checkoutworkflow .ordersummary { padding:20px 25px 25px 25px; border:0; background:#f0f1f2; }
.checkoutworkflow .ordersummary h2 { font-size:20px; padding-bottom:10px; border-bottom:solid 1px #cfd0d1; margin-bottom:15px; }
.checkoutworkflow .ordersummary table { width:100%; margin-bottom:9px; }
.checkoutworkflow .ordersummary table td { padding-bottom:6px; text-align:left; vertical-align:top; }
.checkoutworkflow .ordersummary table tr td:first-child { width:150px; padding-right:5px; }
.checkoutworkflow .ordersummary table tr td:last-child { text-align:right; font-weight:600; }
.checkoutworkflow .ordersummary .footer { padding-top:15px; border-top:solid 1px #cfd0d1; text-align:center; }
.checkoutworkflow .ordersummary .footer .button { min-width:150px; text-align:center; }
.checkoutworkflow .ordersummary .footer p { padding-top:20px; text-align:left; }
.checkoutworkflow .ordersummary table tbody tr:last-child td { padding-bottom:15px; }
.checkoutworkflow .ordersummary table tfoot tr:first-child td { border-top:solid 1px #cfd0d1; padding-top:15px; }
.checkoutworkflow .ordersummary table tfoot tr:last-child td {  }
.checkoutworkflow .ordersummary table tr td .edit { color:#316cbe; }

/* progress indicator */
.checkoutworkflow .progressindicator { font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-size:14px; margin-top:35px; }
.checkoutworkflow .progressindicator li { display:inline-block; padding-left:15px; color:#aaaaaa; }
.checkoutworkflow .progressindicator li a { color:#aaaaaa; cursor:default; }
.checkoutworkflow .progressindicator li a:hover { color:#aaaaaa; cursor:default; text-decoration:none; }
.checkoutworkflow .progressindicator li i { font-family:'montserrat',Arial,Helvetica,Sans-Serif; font-size:14px; line-height:25px; display:inline-block; border-radius:40px; background:#cfcfcf; color:#fff; margin-right:10px; width:25px; height:25px; text-align:center; font-style:normal; text-align:center; }
.checkoutworkflow .progressindicator li.selected a { color:#333; cursor:pointer }
.checkoutworkflow .progressindicator li.selected i { background:#e26f99; }
.checkoutworkflow .progressindicator li.selected a:hover { cursor:pointer; text-decoration:underline; }

/* checkout */
.checkoutwrapper label, .checkoutwrapper td { font-size:13px; }
.checkoutstep { padding:0; border:0; margin-bottom:45px; }
.checkoutstep .contentdescription { padding-bottom:20px; border-bottom:solid 1px #cfd0d1; }
.checkoutstep > header { font-size:14px; font-family:'montserrat',Arial, Sans-Serif; font-weight: normal; border-bottom:solid 1px #cfd0d1; margin-bottom:10px; padding-bottom:15px;  }
.checkoutstep > header.noborder { border-bottom:0; margin-bottom:0; }
.checkoutstep > header.error { color:#DD0F0F; }
.checkoutstep > header h2 { font-size:22px; }
.checkoutstep > header.containsdescription { border-bottom:0; padding-bottom:15px;  }
.checkoutstep > header div { font-family:Arial, Helvetica, Sans-Serif; }

.checkoutstep.subscriptiondetails { padding-bottom:10px; }
.checkoutstep.subscriptiondetails table { width:100%; margin-bottom:9px; }
.checkoutstep.subscriptiondetails table td { padding-bottom:6px; text-align:left; }
.checkoutstep.subscriptiondetails table tr td:last-child { text-align:right; }
.checkoutstep.subscriptiondetails table tbody tr:last-child td { padding-bottom:15px; }
.checkoutstep.subscriptiondetails table tfoot td { border-top:solid 1px #cfd0d1; font-weight:600; padding-top:15px; }

.checkoutstep .expirationdate select { width:90px; }

.checkoutstep .accountcredit { border-bottom:solid 1px #cfd0d1; padding-bottom:15px; margin-bottom:20px; }
.checkoutstep .accountcredit .input-prepend { margin-bottom:0; }
.checkoutstep .accountcredit .availableaccountcredit { display:inline-block; color:#909090; margin-left:10px; }
.checkoutstep .accountcredit .availableaccountcredit span { color:#33ba89; font-weight:6    00; }

.checkoutstep.payment { font-size:14px; }
.checkoutstep.payment .paymentinfo { padding:20px; margin-top:10px; background:#f0f1f2; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.checkoutstep.payment .checkbox { font-size:12px; }


/* receipt */
.fullwidth.ordersummary table { margin-bottom:0; }
.fullwidth.ordersummary h2 { font-size:22px; padding-bottom:0; border-bottom:0; margin-bottom:0; }
.fullwidth.ordersummary table tr td:first-child { width:auto; }
.checkoutstep.receiptdetails > header { margin-bottom:20px; }
.receiptdetails .ordernumber { float:right; font-size:12px; font-family:'montserrat',Arial,Helvetica,Sans-serif; padding-top:6px; }
.receiptdetails .button { min-width:250px; }
.receiptdetails { padding-bottom:10px; }
.receiptdetails table { width:100%; }
.receiptdetails table td { padding-bottom:10px; text-align:left; vertical-align:top; }
.receiptdetails table tr td:last-child { text-align:right; }
.receiptdetails table tfoot td { border-top:solid 1px #cfd0d1; font-weight:600; padding-top:15px; }
.receiptdetails table tr.sectionstart > td { padding-top:15px; border-top:solid 1px #cfd0d1; }
.receiptdetails table tr td tr:last-child td, .receiptdetails table tr.sectionstart td tr:last-child td { padding-bottom:5px; }
.receiptdetails .subscriptiondetails tr.sectionstart > td { padding-top:15px; padding-bottom:15px; border-top:solid 1px #cfd0d1; }
.receiptdetails .subscriptiondetails tr:first-child > td { padding-top:0; border-top:0; }
.receiptdetails .subscriptiondetails h3 { color: #484b50; font-family: 'montserrat',Arial,Helvetica,Sans-Serif; font-size: 16px; font-weight: normal; padding-bottom: 3px; }

.receiptdetails td .alert { width:250px; text-align:left; display:inline-block; margin-bottom:0; }
.receiptdetails td .alert .note { padding-top:6px; }

.creditcardicons { float:left; padding-top:7px; padding-left:10px; }
.creditcardicons li { float:left; width:33px; padding-right:3px; }
.creditcardicon a { width:33px; height:23px; display:block; background:url(../images/access/sprite-icons-light-checkout.png) no-repeat; text-indent:-5000px; }
.creditcardicon.visa.selected a, .creditcardicon.visa a:hover { background-position:0 -83px; }
.creditcardicon.visa a { background-position:0 -123px; }
.creditcardicon.mastercard.selected a, .creditcardicon.mastercard a:hover { background-position:0 -163px; }
.creditcardicon.mastercard a { background-position:0 -203px; }
.creditcardicon.discover.selected a, .creditcardicon.discover a:hover { background-position:0 -243px; }
.creditcardicon.discover a { background-position:0 -283px; }
.creditcardicon.amex.selected a, .creditcardicon.amex a:hover { background-position:0 -323px; }
.creditcardicon.amex a { background-position:0 -363px; }
.creditcardicon.paypal.selected a, .creditcardicon.paypal a:hover { background-position:0 -403px; }
.creditcardicon.paypal a { background-position:0 -443px; }

.receipt .buttons { text-align:right; }
.receipt .buttons .button { margin:0 5px; }


/**************************************/
/******   PROGRESS INDICATOR   ********/
/**************************************/   

.progressindicator { font-size:13px; text-align:center; padding-top:10px; }
.progressindicator ol { display:inline-block; padding:0; }
.progressindicator li { display:inline-block; padding-left:20px; color:#aaaaaa; }
.progressindicator li:first-child { padding-left:0; }
.progressindicator li a, .progressindicator li .progressindicator-step { color:#aaaaaa; cursor:default; font-size:13px; }
.progressindicator li a:hover { color:#aaaaaa; cursor:default; text-decoration:none; }
.progressindicator li i { font-weight:500; font-size:14px; line-height:25px; display:inline-block; border-radius:40px; background:#cfcfcf; color:#fff; margin-right:10px; width:25px; height:25px; text-align:center; font-style:normal; text-align:center; }
.progressindicator li.selected a, .progressindicator li.selected .progressindicator-step { color:#333; cursor:pointer }
.progressindicator li.selected i { background:#e26f99; }
.progressindicator li.selected a:hover { cursor:pointer; text-decoration:underline; }


/****************************************/
/*************   ACCOUNT    *************/
/****************************************/

.accountnav { padding:0 0 8px 0; border-bottom:solid 1px #cfd0d1; margin-bottom:10px; }
.accountnav ul { margin-left:-12px; }
.accountnav li { display:inline-block; }
.accountnav li a { display:inline-block; padding:8px 12px; font-size:16px; font-weight:600; color:#aaaaaa; }
.accountnav li a:hover { color:#e26f99; }
.accountnav li a.selected { color:#e26f99; }
.couponcodewrapper input { padding-left:40px !important; width:220px; }
    .couponcodewrapper:after {
        content:'\F02C';
        position:absolute;
        top:8px; left:16px;
        color:#88919c;
        font-size:16px;
        z-index:1;
        font-family:'Black Tie';
        font-weight:900;
        pointer-events: none;
    }

.accountsetting { overflow:hidden; margin-bottom:20px; }
.accountsetting header { float:left; width:200px; font-size:18px; font-weight:400; padding-top:15px; padding-right:10px; }
.accountsetting .accountsettingoptions { float:none; max-width:100%; padding:20px; background:#f0f1f2; overflow:hidden; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.accountsetting .accountsettingoptions .right .button.gray { background-color:#d9d9d9; }
.accountsetting .accountsettingoptions .right .button.gray:hover { background-color:#c9c9c9; }
.accountsetting .accountsettingoptions .right { float:right; }
.accountsettingoptions div { padding-bottom:5px; font-size:14px; }
.accountsetting .accountsettingoptions .currentstatus { font-weight:600; padding-bottom:15px; }

/* .accountglobalactions { float:right; padding-bottom:25px; } */
.accountsummary { padding:10px 0 20px 0;  }
.accountsummary > header { float:left; width:200px; font-size:14px; font-weight:600; padding-right:10px;  }
.accountsummary > .content { float:left; width:708px; overflow:hidden; }
.accountsummary .left { float:left; }
.accountsummary .left div { padding-bottom:5px; }
.accountsummary .right { float:right; }

/* available plans lightbox */
.editplanwrapper .plan { padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #cfd0d1; overflow:hidden; }
.editplanwrapper .plan:last-child { margin-bottom:0; border-bottom:0; padding-bottom:0; }
.editplanwrapper .plan .left { float:left; width:470px; }
.editplanwrapper .plan .right { float:left; width:100px; text-align:right; }
.editplanwrapper .plan .servicefee { font-size:12px; color:#aaaaaa; font-style:italic; font-weight:600; }
.editplanwrapper .plan .planname { font-size:16px; font-weight:600; padding-bottom:5px; }

/* nvu */
.packages-nvu {
    overflow: hidden;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    text-align:center;
}
.package-nvu {
    border:solid 1px #0e1d2d;
    display:inline-block;
    /*width:23.5%;*/
    width:18.5%;
    margin:0 0.5%;
    vertical-align:top;
}
.package-nvu.pink {
    border:solid 1px #e26f99;
}

.package-nvu-header-notavailable {
    font-size: 16px; color: #e26f99 !important;
    font-weight: 700;
    text-transform: uppercase;
    padding:16px 0 5px 0;
}

/*
.packages-nvu .package-nvu:first-child {
    margin-left:0;
}
.packages-nvu .package-nvu:last-child {
    margin-right:0;
}
    */

.package-nvu .header {
    background:#0e1d2d;
    color:#fff;
    text-align:center; 
    padding:20px 4px;
    min-height:177px;
}
.package-nvu.pink .header {
    background:#e26f99;
}

.package-nvu .header h2 {    
    color:#fff;
    font-weight:900;
    text-transform:uppercase;
    font-size:20px;
}
.package-nvu .header .price {    
    color:#fff;
    font-weight:900;
    text-transform:uppercase;
    font-size:30px;
}
.package-features ul {
    list-style:none;
    margin:0 14px 25px 14px;
    padding:0;
}
.package-features ul li {
    text-align:center;
    border-bottom:1px solid rgba(204,204,204,.5);
    padding:15px 0;
}
.package-features ul li:last-child {
    border-bottom-color:#fff;
}
.package-features ul li.package-feature-noborder {
    border-bottom-color:#fff;
}
.package-button-wrapper {
    padding:0 20px 20px 20px;
}
.package-button-wrapper .button {
    width:100%;
    display:block;
}
.package-billing-term {
    padding-top:5px;
}


/****************************************/
/***************   HOME    **************/
/****************************************/

.homewrapper * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.homewrapper { padding-bottom:25px; }
.primary.entrypoints { padding:30px 0 20px 20px; }
.entrypoints .entrypoint { float:left; position:relative; margin-right:30px; background-color:#fff; width:306px; min-height:321px; padding:5px 0 20px 0; text-align:center; border:solid 1px #cfd0d1; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.entrypoints .entrypoint.first { margin-left:0; }
.entrypoints .entrypoint img {
    display:block;
    margin:20px auto 0 auto;
    max-width:80px;
}
.entrypoints .entrypoint.last { margin-right:0; }
.entrypoints .entrypoint.imagegalleries { background:#fff; }
.entrypoints .entrypoint.mobileapps { background:#fff; }
.entrypoints .entrypoint.productsandservices { background:#fff; }
.entrypoints .entrypoint h2 { font-size:22px; font-weight:normal; line-height:35px; font-family:'montserrat',Arial, Sans-Serif; padding:20px 15px; margin:0; }
.entrypoints .entrypoint .content { font-size:14px; }
.entrypoints .entrypoint .current { font-weight:600; padding-bottom:3px; }
.entrypoints .entrypoint .message { padding:0 25px; }
.entrypoints .entrypoint .date {  }
.entrypoints .entrypoint .cta { padding:5px 15px 0 15px; }
.entrypoints .entrypoint .cta a { color:#e26f99; }
.entrypoints .entrypoint .buttons { position:absolute; bottom:20px; width:300px; left:50%; margin-left:-150px; text-align:center; }
.entrypoints .entrypoint .button { min-width:115px; margin-right:5px; }
.entrypoints .entrypoint .button:last-child {margin-right:0; }
.entrypoints .entrypoint .button.blue { margin-right:5px; }
.entrypoints .entrypoint .helpicon { position:absolute; top:10px; right:10px; font-size:18px; cursor:pointer; opacity:0.7; }
.entrypoints .entrypoint .helpicon:hover {
    color:#e26f99;
    opacity:1;
}
.premiumpro { text-align:center; width:958px; margin-top:30px; font-size:19px; background:#fff url(../Images/home/home-premium-pro.png) no-repeat 0 bottom; padding:20px 30px 25px 135px; }
.premiumpro > .heading { font-family:'montserrat', Arial, Sans-Serif; }
.premiumpro > .subheading { font-family:'montserrat', Arial, Sans-Serif; padding-bottom:10px; }
.premiumpro .button { font-weight:normal; }

.homewrapper .popover a { color:#316cbe; display:inline-block; margin-top:6px; }

.homewrapper .primary { width:998px; margin:0 auto; }

.homewrapper .notifications 
{
    background:#0e1c2e;  
    padding-bottom:1px;                          
    color:#fff;
}
.homewrapper .notifications header {
    min-width:958px; margin:0 auto;
    max-width: 1470px;
    margin: 0 auto;
    padding-bottom: 15px;
    padding: 0 20px 15px 15px;

}
.homewrapper .notifications header h2 { font-size:22px; font-weight:400; line-height:1.4; font-family:'montserrat',Arial, Sans-Serif; padding-top:18px; margin-bottom:0; }
.homewrapper .notifications.expanded header {  }
.homewrapper .notifications .content { width:958px; margin:0 auto 20px auto; height:100px; overflow-y:scroll; overflow-x:hidden; }
.homewrapper .notifications .button.toggle { margin:20px 0 0 15px; padding:7px 10px; position:relative; background:#2f3d4f; color:#fff; }
.homewrapper .notifications .button.toggle:hover { background-color:#1f2d3f; }
.homewrapper .notifications .button.count { 
    cursor: default;
    font-size: 11px;
    margin-left: 15px;
    margin-top: 18px;
    min-width: 20px;
    padding: 1px 0;
    position: absolute;
    right: -11px;
    top: -27px;
    cursor:pointer;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
    border-radius:35px;
    height:20px;
    line-height:20px;
    font-weight:500;
    cursor:pointer;
}
.homewrapper .notifications.expanded .button.toggle i { background:url(../images/assets/sprite-icons.png?version=3) no-repeat -170px -165px; }
.homewrapper .notifications li:not(.divider) { padding-bottom:3px; font-size:14px; }
.homewrapper .notifications li .date { font-weight:600; }
.homewrapper .notifications .notifications-list li a { color:#fff; }
.homewrapper .notifications li a:hover { opacity:0.7; }

.homewrapper .utilitybar .content { width:998px; margin:0 auto; padding:9px 10px 10px 20px; }

/* new tabs */
.tabswrapper-new { max-width:958px; margin:0 auto; }
.tabswrapper-new .tabs li { float:none; display:inline-block; padding:12px 10px 16px 10px; margin-right:2px; font-size:19px; font-weight:normal; font-family:'montserrat',Arial, Sans-Serif; color:#484b50; }
.tabswrapper-new .tabs li a { display:block; padding:5px 30px; color:#484b50; }
.tabswrapper-new .tabs li.active, .tabswrapper-new .tabs li:hover 
{
    background:#ffffff;
    border-width:0;
    padding:12px 10px 14px 10px;
    border-bottom:solid 2px #e26f99;                                           
}
.tabswrapper-new .tabs li:hover a, .tabswrapper-new .tabs li a:hover { text-decoration:none; }
.tabswrapper-new .tabs { overflow:hidden; position:relative; z-index:2; border-bottom:solid 1px #dadfe3; text-align:center; }
.tabswrapper-new .tab 
{
    background:#ffffff;     
    /* border:1px solid #cfd0d1; */
    border-width:0;
    position:relative; z-index:1; margin-top:-1px;                      
    -moz-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px;
}

.tabswrapper-new .tab .content { padding:30px 0; }
/* .tabswrapper-new a { color:#484b50; } */
.tabswrapper-new a:hover { color:#e26f99; }
.tabswrapper-new h3 { padding-bottom:6px; }
.tabswrapper-new .blogentry a { line-height:18px; }

.homewrapper .coupons .left { float:left; width:220px; font-size:14px; }
.homewrapper .coupons .right { float:left; width:737px; }
.homewrapper .coupon {
    float: left;
    color: #484b50 !important;
    width: 225px;
    height: 147px;
    text-align: center;
    padding: 15px 20px;
    margin: 0 0 20px 20px;
    border: solid 1px #cfd0d1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
}
.homewrapper .coupon .coupon-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.homewrapper .coupon .coupon-content a {
    font-weight: 500;
    font-size: 14px;
    display:inline-block;
    padding:3px;
}
/* .homewrapper .coupon:hover { text-decoration:none; border-color:#e26f99; } */

/* tab columns */
.tabswrapper-new .tab .column { width:302px; float:left; padding-right:30px; line-height:24px; }
.tabswrapper-new .tab .column.last { padding-right:0; }
.tabswrapper-new .tab.news .column { width:322px; float:left; padding-right:30px; line-height:24px; }
.tabswrapper-new .tab.news .column.last { padding-right:0; padding-left:10px; width:262px; }

.homewrapper .tabswrapper-new .tab {
    font-size:14px;
}

/* social media */
.homewrapper .socialmedia { overflow:hidden; padding-left:10px; }
.homewrapper .socialmedia ul { margin-left:0; margin-top:6px; }
.homewrapper .socialmedia li { float:left; padding-right:10px; }

.homewrapper .fab-youtube {
    color: #ff7378;
    font-size: 19px;
    vertical-align: middle;
}

.homewrapper .fab-facebook {
    color: #719fff;
    margin-right: 6px;
    font-size: 17px;
    vertical-align: middle;
}

.homewrapper .fab-twitter {
    color: #6fc0fd;
    margin-right: 6px;
    font-size: 17px;
    vertical-align: middle;
}

.homewrapper .fab-instagram {
    color: #d92d77;
    margin-right: 6px;
    font-size: 17px;
    vertical-align: middle;
}
.homewrapper .footer-nvu-social a {
    color: #fff;
    margin-left: 20px;
    opacity: 1;
}

.homewrapper .footer-nvu-social a:first-child {
    margin-left: 0;
}

/* blog feed */
.homewrapper .blogentry { padding-bottom:10px; display:block; }
.blogentry .date { color: #707070; font-size: 11px; margin-top:-3px; } 

/* twitter feed */
.twitterwrapper { padding:8px 20px 10px; margin-top:4px; border:solid 1px #d0d0d0; }
.twitterwrapperfooter { padding:5px; }
.twitterwrapper .footer { padding-top:10px; margin-top:10px; border-top:solid 1px #dfdfdf; }

.homewebinars .grouplist.categories li { width:222px; float:left; margin-right: 30px; text-align: center; padding-bottom: 20px; }
.homewebinars .grouplist.categories li:nth-child(5n+5) { margin-right:0; }
.homewebinars .grouplist.categories li a div.imagewrapper { display:block; margin-bottom:10px; background:#fff; border:solid 1px #cfd0d1; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:15px; }
.homewebinars .grouplist.categories li h3 {
    color:#e26f99;
    font-weight:600;
}
.homewebinars .grouplist.categories li a:hover h3, .homewebinars .grouplist.categories li a:hover .imagewrapper { opacity:0.7;}
.homewebinars .grouplist.categories li p {
    font-size:14px; color:#444;
}

/*********************************************/
/**************  GALLERY LISTING  **************/
/*********************************************/

.gallery-listing-utility-bar { padding-bottom:20px; }
.gallery-listing-utility-bar .breadcrumb { float:left; padding:5px 0; }

.filters-wrapper-outer {
    padding: 0 0 20px 0; margin-bottom:25px; border-bottom: solid 1px #dadfe3; border-radius: 0;
}

.filters-wrapper .btn span {
    text-transform: uppercase;
    font-size: 13px;
}

.filters-wrapper .btn-group > .btn:first-child {
    -moz-border-radius:35px !important;
    -webkit-border-radius:35px !important;
    border-radius:35px !important;
    position:relative;
    border:solid 1px transparent !important;
}

.filters-wrapper .btn:hover {
    color:#e26f99;
}

.filters-wrapper .btn-group > .btn:first-child.active {
    border:solid 1px #e26f99 !important;
    color:#e26f99;
    font-weight:600;
}

.filters-wrapper .btn-group > .btn:first-child.active span {
    font-weight:600;
}

.btn .bt-angle-down {
    font-size:9px; font-weight:700;
}

.filters-wrapper .btn.dropdown-toggle {
    padding:7px 14px;
}


.gallery-listing-leftcol { width:295px; padding-right:30px; display:table-cell; padding-top:0; vertical-align:top; }
.gallery-listing-leftcol-content-section { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.gallery-listing-leftcol .heading { height:40px; line-height:40px; background:#f0f1f2; padding:0 15px; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
.gallery-listing-leftcol .heading a { float:right; font-size:12px; font-weight:600; text-transform:uppercase; }
.gallery-listing-leftcol .heading .heading-title { }
.gallery-listing-leftcol .contentwrapper { background:#f0f1f2; width:265px; overflow-x:auto; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; }
.gallery-listing-leftcol .contentwrapper .content { padding-top:15px; }

.gallery-listing-rightcol { width:auto; display:table-cell; }
.gallery-listing-rightcol .custom-table { background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:table; }
.gallery-listing-rightcol .folder-breadcrumb { font-size:20px; padding-bottom:2px; }
.gallery-listing-rightcol .folder-breadcrumb span { display:inline-block; padding-top:5px; color:#999; }
.gallery-listing-rightcol .folder-breadcrumb span:last-child { color:#222; }
.gallery-listing-rightcol .folder-actions { padding-bottom:20px; }
.gallery-listing-rightcol.noEvents-All {
    border-top:solid 1px #e8e9ea;
}

.gallery-listing-leftcol .set-item {
    background-color:#dfe0e1;
}
.gallery-listing-leftcol .set-item:hover {
    background-color:#d6d7d8;
}

.set-item.selected .label-text-danger, .set-item.selected:hover .label-text-danger {
    color:#fff !important;
}


/* gallery listing custom table modifications */
.custom-table-gallery-listing .custom-table-header { border-bottom:0 !important; height:33px; line-height:32px; border-bottom:0; padding:0 !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }
.custom-table-gallery-listing .custom-table-header .custom-table-header-inner > div { padding:0 !important; font-weight:600; }
.gallery-listing-rightcol .custom-table.custom-table-gallery-listing .custom-table-row { display:table; width:100%; max-width:none; min-width:100%; }
.gallery-listing-rightcol .custom-table.custom-table-gallery-listing .custom-table-row .customer-table-row-inner { display:table-row; }
.gallery-listing-rightcol .custom-table .custom-table-row .custom-table-row-inner > div { display:table-cell; float:none; vertical-align:top; }
.gallery-listing-rightcol .custom-table .custom-table-header .custom-table-header-inner > div { display:table-cell; float:none; vertical-align:middle; padding:17px; }
.gallery-listing-rightcol .custom-table .custom-table-header { display:table; width:100%; table-layout:fixed; }
.gallery-listing-rightcol .custom-table .custom-table-row .custom-table-row-inner > div { float:none; display:table-cell; }
.gallery-listing-rightcol .custom-table .custom-table-header .custom-table-header-inner > div { float:none; display:table-cell; }

/* table header */
/*.custom-table-gallery-listing .column-grabber { width:38px; }
.custom-table-gallery-listing .column-checkbox { width:40px; }*/
.custom-table-gallery-listing .column-select { width:78px; text-align:center; }
.custom-table-gallery-listing .column-feature-photo { width:85px; }
.custom-table-gallery-listing .column-feature-photo a { text-transform:none; font-weight:500; }
.custom-table-gallery-listing .column-row-type { width:40px; }
.custom-table-gallery-listing .column-name { min-width:230px; }
.custom-table-gallery-listing .column-date-created { width:95px; padding-right:0; }
.custom-table-gallery-listing .column-date-expires { width:95px; padding-right:0; }
.custom-table-gallery-listing .column-status { width:160px; }
.custom-table-gallery-listing .column-orders { width:85px; }
.custom-table-gallery-listing .column-visits { width:55px;} 
.custom-table-gallery-listing .column-actions { width:135px !important; }

/* table cells */
.custom-table.custom-table-gallery-listing .custom-table-row { border-bottom:solid 1px #e8e9ea !important; position:relative; overflow:visible; }
.custom-table-gallery-listing .custom-table-row .cell-grabber { width:38px; padding:31px 9px 0 !important; }
.custom-table-gallery-listing .custom-table-row .cell-grabber .grabber  
{
    background-image: url("../images/assets/icon-handle.png");
    background-repeat: no-repeat;
    cursor: move;
    display: block;
    text-indent: -5000px;
}
.custom-table-gallery-listing .custom-table-row .cell-grabber .grabber:hover {
	background-position:0 -46px;
}

.custom-table-gallery-listing .custom-table-row .cell-grabber .grabber.grabber-checked {
	background-position:0 -92px;
}


.custom-table-gallery-listing .custom-table-row .cell-checkbox { width:40px; padding-top:33px !important; }
.custom-table-gallery-listing .custom-table-row .cell-checkbox input { margin:0; }
.custom-table-gallery-listing .custom-table-row .feature-photo { width:85px; }
.custom-table-gallery-listing .custom-table-row .feature-photo .feature-photo-wrapper {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-size: cover;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
}
.custom-table-gallery-listing .custom-table-row .row-type { width:40px; text-align:center; }
.custom-table-gallery-listing .custom-table-row .name {  padding-top:19px !important; min-width:230px; }
/* fix for text overflow in a fluid width table cell */
.custom-table-gallery-listing .custom-table-row .name .name-content { display:table; table-layout:fixed; width:100%; }
.custom-table-gallery-listing .custom-table-row .name .name-content .name-content-row { display:table-row; }
.custom-table-gallery-listing .custom-table-row .name .name-content .name-content-inner { display:table-cell; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
/* end fix */ 
.custom-table-gallery-listing .custom-table-row .date-created { width:95px; padding-right:0; padding-top:19px !important; }
.custom-table-gallery-listing .custom-table-row .date-expires { width:95px; padding-right:0; padding-top:19px !important; }
.custom-table-gallery-listing .custom-table-row .status { width:160px; padding-top:19px !important; }
.custom-table-gallery-listing .custom-table-row .orders { width:85px; padding-top:19px !important; }
.custom-table-gallery-listing .custom-table-row .visits { width:55px; padding-top:19px !important; }
.custom-table-gallery-listing .custom-table-row .cell-actions { min-width:135px; width:135px !important; overflow:visible !important; padding-right:11px !important; }
.custom-table-gallery-listing .custom-table-row .row-type .fa-mobile { font-size:26px; padding-top:25px; }
.custom-table-gallery-listing .custom-table-row .row-type .fa-desktop { font-size:16px; padding-top:27px; }
.custom-table-gallery-listing .custom-table-row .dropdown-item-info { padding:3px 10px 3px 20px; }


/* table cell drag and drop */
/* .custom-table-gallery-listing .custom-table-row { margin:1px 0; } */
.custom-table-gallery-listing .custom-table-row .custom-table-row-inner { padding-bottom:1px; }
.custom-table-gallery-listing .custom-table-row.dragging .custom-table-row-inner > div {  background-color:#f0f1f2; opacity:0.6; }
.custom-table-gallery-listing .custom-table-row.dragover-after {
    border-bottom: solid 2px #e26f99 !important;     
    margin:0 0 -1px 0;
}
        
.custom-table-gallery-listing .custom-table-row.dragover-before {
    border-top: solid 2px #e26f99 !important;     
    margin:-2px 0 0 0;
}

@media screen and (max-width: 1140px)     
{            
    .custom-table-gallery-listing .custom-table-row .date-expires { display:none !important; }
    .custom-table-gallery-listing .column-date-expires { display:none !important; }    
}

@media screen and (max-width: 1060px)     
{            
    .custom-table-gallery-listing .custom-table-row .feature-photo { display:none !important; }
    .custom-table-gallery-listing .column-feature-photo { display:none !important; }
    .microsection-header-menu.left .searchField { width:196px !important; }
}



/* for any generic css table */
.table-css { display:table; table-layout:fixed; width:100%; }
.table-row-css { display:table-row; }
.table-cell-css { display:table-cell; }
.table-cell-css.overflow-ellipsis { display:table-cell; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }


/*********************************************/
/****************  WATERMARKS  ***************/
/*********************************************/

.custom-table-watermarks { background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.custom-table-watermarks .custom-table-row { display:table; width:100%; border-bottom:solid 1px #e8e9ea !important; overflow:visible !important; }
.custom-table-watermarks .custom-table-row:last-child { border-bottom:0; }
.custom-table-watermarks .custom-table-row .custom-table-row-inner > div { float:none !important; display:table-cell; vertical-align:middle; overflow:visible !important; }
.custom-table-watermarks .custom-table-row .column-image { width:100px; }
.custom-table-watermarks .custom-table-row .column-description .watermark-name { font-weight:400; font-size:17px; }
.custom-table-watermarks .custom-table-row .custom-table-row-inner > div:first-child { padding-left:0 !important; }
.custom-table-watermarks .custom-table-row .custom-table-row-inner > div:last-child { padding-right:0 !important; }

.watermark-image-wrapper { width:100px; background-color:#aaaaaa; }
.watermark-image-wrapper img { display:block; max-width:100%; margin:0 auto; vertical-align:middle; }

/* left col - watermark preview */
.col-watermark-preview { width:auto; height:100%; float:none; overflow:hidden; }
.watermark-preview-wrapper-outer { width:100%; height:100%; background:#aaa; display:table; table-layout:fixed; }
.watermark-preview-wrapper-outer .custom-table-row { width:100%; height:100%; text-align:center; display:table-row; vertical-align:middle; }
.watermark-preview-wrapper-outer .custom-table-cell { width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle; }
.watermark-preview-wrapper-outer img { max-width:100%; max-height:100%; display:inline-block; margin:0 auto; vertical-align:middle; }

.watermark-preview-layer-top { position:absolute; top:0; z-index:2; }
.watermark-preview-layer-bottom { position:absolute; top:0; z-index:1; }

/* right col - watermark settings */
.col-watermark-settings { width:400px; height:100%; height:calc(100%); float:right; padding-left:30px; padding-right:15px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }


/*************************************************/
/*****  SINGLE IMAGE UPLOAD PREVIEW CONTROL ******/
/*************************************************/

.upload-image-wrapper-outer { width:100px; height:100px; background-color:#fff; padding:8px; -moz-border-radius:3px; border:solid 1px #cfd0d1; -webkit-border-radius:3px; border-radius:3px; display:table; table-layout:fixed; }
.upload-image-wrapper { display:table-cell; text-align:center; vertical-align:middle; }
.upload-image-wrapper img { display:block; max-width:100%; max-height:82px; margin:0 auto; vertical-align:middle; }

/**************************************************************************/
/*                              ANIMATIONS                                */
/**************************************************************************/

/* #region Animations */

.animation-duration {
    -webkit-animation-duration: 0.2s !important;
    animation-duration: 0.2s !important;
}

.animation-duration-3ms {
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animation-duration-4ms {
    -webkit-animation-duration: 0.4s !important;
    animation-duration: 0.4s !important;
}

.animation-duration-slow {
    -webkit-animation-duration: 1.0s !important;
    animation-duration: 1.0s !important;
}

.overpanel-animation-duration {
    -webkit-animation-duration: 0.5s !important;
    animation-duration: 0.5s !important;
}

.transition-2ms {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.animation-delay-1ms {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.animation-delay-2ms {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.animation-delay-3ms {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animation-delay-4ms {
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.animation-delay-5ms {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animation-delay-6ms {
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animation-delay-7ms {
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.animation-delay-8ms {
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.animation-delay-9ms {
    -moz-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.animation-delay-10ms {
    -moz-animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
}

.animation-delay-11ms {
    -moz-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.animation-delay-12ms {
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animation-delay-13ms {
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.animation-delay-14ms {
    -moz-animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.animation-delay-15ms {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animation-delay-16ms {
    -moz-animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.animation-delay-17ms {
    -moz-animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}


/* #endregion */

/********************************************/
/*******  ADDITIONS TO ANIMATE.CSS   ********/
/********************************************/


/* #region Additions to Animate.css */

@-webkit-keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownSmall {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}


@-webkit-keyframes fadeOutDownSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

.fadeOutDownSmall {
    -webkit-animation-name: fadeOutDownSmall;
    animation-name: fadeOutDownSmall;
}


@-webkit-keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftSmall {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}


@-webkit-keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

@keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

.fadeOutLeftSmall {
    -webkit-animation-name: fadeOutLeftSmall;
    animation-name: fadeOutLeftSmall;
}


@-webkit-keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}


@-webkit-keyframes fadeOutRightSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes fadeOutRightSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.fadeOutRightSmall {
    -webkit-animation-name: fadeOutRightSmall;
    animation-name: fadeOutRightSmall;
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}


@-webkit-keyframes fadeOutUpSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
}

@keyframes fadeOutUpSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
}

.fadeOutUpSmall {
    -webkit-animation-name: fadeOutUpSmall;
    animation-name: fadeOutUpSmall;
}


@-webkit-keyframes slideOutLeftSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

@keyframes slideOutLeftSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

.slideOutLeftSmall {
    -webkit-animation-name: slideOutLeftSmall;
    animation-name: slideOutLeftSmall;
}

@-webkit-keyframes slideOutRightSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes slideOutRightSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.slideOutRightSmall {
    -webkit-animation-name: slideOutRightSmall;
    animation-name: slideOutRightSmall;
}

/* #endregion */


/**************************************************************************/
/*                                WIZARD                                  */
/**************************************************************************/


.wizardWidgetOpen {
    position:fixed; z-index:99; bottom:20px; right:0; margin-right:20px; border-radius:12px; box-shadow:0 0 40px 0 rgba(0,0,0,0.15); width:300px; overflow:hidden; font-size:13px; 
    border:solid 1px #cfd0d1;
}

.wizard-page-description {
    padding:15px 25px 25px 25px; background-color:#fff; color:#484b50; height:300px; overflow-y:auto; line-height:1.7;
     -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-sizing:border-box;
}
.wizard-page-description p {
    line-height:1.7 !important;
}

.wizard-page-description-close {
    position:absolute;
    top:10px; left:6px;
    width:40px; height:40px; line-height:40px;
    text-align:center; color:#484b50; z-index:2;
    cursor:pointer;
     -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.wizard-page-description-close:hover {
    color:#e26f99;
}

.wizard-page-description-close i {
    font-size:16px;
    line-height:40px;
}

.wizard-page-description-title {
    font-size:16px; padding-bottom:10px; text-align:center;
    width:100%;
    padding-left: 13px;
    padding-right: 13px;
    box-sizing: border-box;
}

.wizard-page-description.collapsed {
    overflow-y:hidden;
    height:54px;
}

.wizard-page-description.collapsed .wizard-page-description-close {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wizard-page-description.collapsed .wizard-page-description-close i {
    position:relative;
    top:3px;
}

.wizard-nav-button-wrapper {
    padding:10px 15px; overflow:hidden; background-color:#0e1c2e;
    background-image: url(../../resources/images/assets/footer-deathcloud-right-1.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 65%;
}

.wizard-nav-button-wrapper .prevButtonWrapper {
    float:left;
    overflow:hidden;
    max-width:130px;
}

.wizard-nav-button-wrapper .nextButtonWrapper {
    float:right;
    overflow:hidden;
    max-width:130px;
}

.wizard-nav-button-back, .wizard-nav-button-next {
    color:#fff !important;
    padding-left:0 !important;
    padding-right:0 !important;
    cursor:pointer !important;
}

.wizard-nav-button-back:hover, .wizard-nav-button-next:hover {
    text-decoration:none !important;
    color:#fff !important;
}

.wizard-nav-button-back:hover span, .wizard-nav-button-next:hover span {
    opacity:1;
    color:#e26f99;
}

.wizard-nav-button-back {
    text-align:left; float:left;
}
.wizard-nav-button-next {
    text-align:right; float:right;
}

.wizard-nav-button-next span, .wizard-nav-button-prev span {
    display:block;
    max-width:135px;
}

.wizard-nav-return-wrapper {
    text-align:center; padding:10px 15px; background:#fff;
}

.wizardWidgetClosed, .wizardWidgetCompleted {
    position:fixed; z-index:99; bottom:20px; right:0; margin-right:20px; border-radius:50px; box-shadow:0 0 40px 0 rgba(0,0,0,0.15); width:240px; overflow:hidden; font-size:13px;
}

.wizard-widget-closed-content {
    padding:5px 15px; overflow:hidden; background-color:#0e1c2e; cursor:pointer;
    background-image: url(../../resources/images/assets/footer-deathcloud-right-1.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom;
}

.wizard-widget-completed-content {
    padding:5px 15px; overflow:hidden; background-color:#0e1c2e;
    background-image: url(../../resources/images/assets/footer-deathcloud-right-1.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom;
}

.wizard-widget-closed-content:hover {
    background-color:#13253B;
}

.wizard-widget-closed-title {
    text-align:center; color:#fff; padding:10px;
}


.nav-dots {
	width: 100%;
	display: block;
	padding:5px 0;
	text-align: center;
    clear:both;
}

.nav-dots .nav-dot-wrapper {
    padding:3px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

.nav-dots .nav-dot {
	width: 8px;
    height: 8px;
    margin: 3px 5px;
    border-radius: 100%;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.3);
    
}

.nav-dots .nav-dot.active {
    background-color: #e26f99;
}

.nav-dots .nav-dot:hover {
    cursor: pointer;
    background-color: #e26f99;
}

.list-wizard {
    list-style:none; margin:0; padding:0;
}
.list-wizard li {
    padding:9px 0;
    line-height:18px;
}
.list-wizard a {
    color:#484b50;
}
.list-wizard a:hover {
    color:#e26f99;
    text-decoration:none;
}
.list-wizard i {
    opacity:0.6;
    font-size:18px;
    margin-right:15px;
    vertical-align:middle;
}
.list-wizard a:hover i {
    opacity:1;
}

.list-wizard li.completed a {
    font-weight:500;
    color:#e26f99;
}
 .list-wizard li.completed i {
     font-weight:900;
     color:#e26f99;
     opacity:1;
 }


/**************************************************************************/
/*                                HELP                                     */
/***************************************************************************/

.dropdown-menu-help, .dropdown-menu-page-head {
     -moz-border-radius:0 0 8px 8px !important;
     -webkit-border-radius:0 0 8px 8px !important;
     border-radius:0 0 8px 8px !important;
     margin-top:14px !important;
     min-width:250px !important;
 }

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dropdown-help-link {
    color:#fff; display:inline-block;
}

.dropdown-help-link:hover, .dropdown-help-link:focus {
    text-decoration:none;
    color:#fff;
}

.bootstrap-video-modal h2 {
    font-size:21px;
    font-weight:400;
    line-height:1.42857143;
    margin:0;
}

.bootstrap-video-modal .modal-content {
    padding:0;
}

.bootstrap-video-modal .modal-body {
    padding:0 !important;
}

.bootstrap-video-modal .custom-bootstrap-close {
    position: absolute;
    top: -16px;
    right: -15px;
    font-size: 12px !important;
    color: #fff;
    border: 0;
    outline: none;
    background: #0e1c2e;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 31px;
    height: 31px;
    z-index: 15;
    cursor:pointer;
}

.show-lightbox-interrupt {
    display:block !important;
    z-index:999999999;
    top:0;
    left:0;
}